:root{--ground:#0B0B04;--panel:#16160C;--edge:#2F2F1B;--ink:#FFFBF0;--ink-soft:#A29E86;--accent:#FFFC00;--accent-ink:#0B0B04;--shadow:0 2px 4px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.55)}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.studio{max-width:420px;margin:0 auto;padding:0 18px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.topbar{height:7px;background:var(--accent);align-self:stretch;margin:0 -18px}.bar{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.mark{margin:0;font-family:Big Shoulders Display,Impact,sans-serif;font-weight:900;font-size:22px;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);line-height:1}.info{font-family:Big Shoulders Display,Impact,sans-serif;font-weight:900;font-size:19px;line-height:1;cursor:pointer;width:30px;height:30px;flex:none;border-radius:100px;border:2px solid var(--accent);background:transparent;color:var(--accent)}.info:hover{background:var(--accent);color:var(--accent-ink)}canvas.poster{max-height:46vh;width:auto;max-width:100%;height:auto;display:block;border-radius:16px;box-shadow:var(--shadow);background:#12100a;transition:max-height .35s ease}[data-mode=share] canvas.poster{max-height:62vh}.editor{align-self:stretch;display:flex;flex-direction:column;gap:12px}[data-mode=share] .editor{display:none}.qcard{background:var(--accent);border-radius:12px;overflow:hidden;display:flex;align-items:stretch;padding:0 4%;aspect-ratio:1080 / 197}#q{font-family:Big Shoulders Display,Impact,sans-serif;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:-.005em;background:transparent;color:var(--accent-ink);border:none;border-radius:0;margin:0;width:100%;height:100%;resize:none;overflow:hidden;font-size:34px;line-height:1.05}#q::placeholder{color:#0b0b0466;font-weight:900}#q:focus-visible{outline:2px solid var(--accent-ink);outline-offset:6px}.slots{display:flex;flex-direction:column;gap:8px}.slot{display:grid;grid-template-columns:22px minmax(0,1fr) 84px;gap:9px;align-items:center}.slot .rank{font-family:Big Shoulders Display,Impact,sans-serif;font-size:25px;font-weight:900;color:var(--accent);text-align:center}.slot:nth-child(n+2) .rank{color:var(--ink-soft)}input{font:inherit;font-size:16px;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:9px 11px;width:100%;min-width:0}input::placeholder{color:#6a6754}input[type=number]{font-variant-numeric:tabular-nums;text-align:right}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex:1;min-width:0}.chip{font:inherit;font-size:12px;font-weight:500;padding:6px 11px;border-radius:100px;background:transparent;color:var(--ink-soft);border:1px solid var(--edge);cursor:pointer}.chip:hover{color:var(--ink);border-color:var(--ink-soft)}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.lucky{font:inherit;font-weight:700;font-size:13px;cursor:pointer;flex:none;border-radius:100px;padding:6px 14px;border:1px solid var(--accent);background:transparent;color:var(--accent)}.lucky:hover{background:var(--accent);color:var(--accent-ink)}.actions{align-self:stretch;display:flex;flex-direction:column;gap:9px}button.primary,button.secondary,button.ghost{font:inherit;font-weight:700;font-size:16px;cursor:pointer;border-radius:10px;padding:14px;width:100%;border:2px solid transparent}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.secondary{background:transparent;color:var(--accent);border-color:var(--accent)}button.secondary:hover{background:var(--accent);color:var(--accent-ink)}button.ghost{background:transparent;color:var(--ink-soft);border-color:var(--edge)}button.ghost:hover{color:var(--ink);border-color:var(--ink-soft)}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}[data-mode=edit] .act-share,[data-mode=edit] .act-save,[data-mode=edit] .minor,[data-mode=share] .make{display:none}.status{margin:0;min-height:1.3em;font-size:13px;color:var(--accent);text-align:center}.minor{display:flex;gap:9px}.minor button{flex:1}.fine{margin:0;font-size:11.5px;line-height:1.45;color:var(--ink-soft);text-align:center;max-width:34ch}dialog.onboard{border:1px solid var(--edge);border-radius:16px;padding:26px 24px 22px;background:var(--panel);color:var(--ink);width:min(92vw,360px);box-shadow:var(--shadow)}dialog.onboard::backdrop{background:#040401b8}dialog.onboard h2{font-family:Big Shoulders Display,Impact,sans-serif;font-weight:900;font-size:40px;line-height:.94;margin:0 0 16px;text-wrap:balance;text-transform:uppercase;color:var(--accent)}dialog.onboard ul{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}dialog.onboard li{font-size:15px;line-height:1.4;padding-left:16px;position:relative}dialog.onboard li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--accent)}@media(min-width:900px){.studio{padding-bottom:56px}canvas.poster{max-height:52vh}[data-mode=share] canvas.poster{max-height:66vh}.actions{flex-direction:row}[data-mode=share] .actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}