:root{--night:#0b1630;--gold:#ffd43b;--gold-ink:#2a2200;--radius:16px;--fade:.8s ease;--text:#14304a;--muted:#2f4a5e;--card:#ffffffbd;--card-line:#ffffffe6;--opt:#ffffffc7;--line:#14304a29;--field:#ffffffd9;--track:#14304a24;--accent:#8a6508;--danger:#b3261e;--halo:#fffffff2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body.dusk{--text:#f3f6fa;--muted:#b9c6d6;--card:#08122285;--card-line:#ffffff1f;--opt:#ffffff14;--line:#ffffff29;--field:#00000040;--track:#fff3;--accent:var(--gold);--danger:#ff8a8a;--halo:#08122299;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--night);min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);transition:color var(--fade);flex-direction:column;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.sky{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.flash{z-index:100;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#app{flex:1;width:100%;max-width:480px;margin:0 auto;padding:24px 16px}.screen{flex-direction:column;gap:16px;display:flex}h1{margin:8px 0 0;font-size:28px;line-height:1.2}h2{margin:0;font-size:22px;line-height:1.25}p{margin:0}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:14px}.eyebrow{color:var(--accent);font-size:15px;font-weight:600}.muted,.eyebrow,.error,.hint{transition:color var(--fade)}#app{text-shadow:0 0 1px var(--halo), 0 0 3px var(--halo), 0 0 6px var(--halo), 0 0 14px var(--halo)}.card,.btn,input{text-shadow:none}.note{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:none;transition:color var(--fade), background-color var(--fade);border-radius:12px;align-self:center;padding:8px 14px}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--fade), border-color var(--fade);padding:16px}.notice{border-color:var(--gold)}.error{color:var(--danger)}.btn{appearance:none;border:1px solid var(--line);background:var(--opt);width:100%;min-height:52px;color:var(--text);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--fade), border-color var(--fade), color var(--fade);border-radius:14px;padding:14px 18px;font-weight:600;text-decoration:none;display:block}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.btn.link{background:var(--card);width:auto;min-height:40px;color:var(--muted);border-color:#0000;border-radius:999px;align-self:center;padding:8px 16px;font-weight:500}.options{gap:10px;display:grid}.progress{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--gold);height:100%;transition:width .25s}input[type=text]{border:1px solid var(--line);background:var(--field);width:100%;min-height:52px;color:var(--text);transition:background-color var(--fade), border-color var(--fade), color var(--fade);font:inherit;border-radius:12px;padding:12px 14px;font-size:18px}.hint{color:var(--muted);text-align:right;font-size:13px}.ball{pointer-events:none;margin:-84px auto -76px;display:block}.result{aspect-ratio:9/16;object-fit:contain;background:var(--night);border-radius:var(--radius);width:auto;max-width:100%;height:62dvh;margin:0 auto;display:block}.qr{width:180px;height:180px;image-rendering:pixelated;background:#fff;border-radius:12px;margin:0 auto;padding:10px;display:block}.linkbox{gap:8px;display:flex}.linkbox input{flex:1;min-width:0;font-size:16px}.linkbox .btn{flex:none;width:auto}ol.steps{gap:6px;margin:0;padding-left:20px;display:grid}.footer{text-align:center;padding:16px;font-size:14px}.footer a{color:var(--muted);background:var(--card);transition:color var(--fade), background-color var(--fade);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:inline-flex}.ig{width:18px;height:18px}.preview{justify-content:center;display:flex}.preview canvas.result{width:auto;max-width:100%;height:50dvh}input::placeholder{color:var(--muted);opacity:.8}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--fade:0s}.btn:active{transform:none}}