:root{--bg: #0c0a1d;--bg2: #15123a;--ink: #f4f1ff;--muted: #9a93c8;--accent: #ffcf33;--open: #4cc9f0;--closed: #b5179e;--win: #06d6a0;--loss: #ef476f;--card: rgba(255, 255, 255, .06);--card-line: rgba(255, 255, 255, .12);--display: "Bungee", system-ui, sans-serif;--pixel: "Press Start 2P", monospace;--body: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", monospace}html[data-theme=night]{--bg: #05060f;--bg2: #0b1024;--accent: #4cc9f0}html[data-theme=retro]{--bg: #1a0f2e;--bg2: #2a1245;--accent: #fb5607}*{box-sizing:border-box}html{margin:0;min-height:100%;background:#06040f;overscroll-behavior-y:none}body{margin:0;min-height:100%}body{font-family:var(--body);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,var(--bg2),transparent 60%),linear-gradient(180deg,var(--bg),#06040f);background-attachment:fixed;-webkit-font-smoothing:antialiased}#arcade-root{min-height:100vh;min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,var(--bg2),transparent 60%),linear-gradient(180deg,var(--bg),#06040f)}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:460px;margin:0 auto;position:relative}.center{display:grid;place-items:center;min-height:60vh}.loader{font-family:var(--mono);color:var(--muted);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.display{font-family:var(--display);letter-spacing:.5px;line-height:1.05;margin:0}.display.sm{font-size:1.6rem}h1.display{font-size:2.5rem}.lede{color:var(--muted);font-size:1rem;line-height:1.4;margin:.25rem 0 1.25rem}.kicker{font-family:var(--pixel);font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.muted{color:var(--muted)}.small{font-size:.8rem}.btn{font-family:var(--body);font-weight:700;border:0;border-radius:14px;padding:.85rem 1.2rem;font-size:1rem;cursor:pointer;width:100%;margin-top:.6rem;transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--accent);color:#1a1206}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--card-line)}.btn.danger{background:transparent;color:var(--loss);border:1px solid var(--loss)}.btn.sm{width:auto;padding:.5rem .9rem;margin:0;font-size:.9rem}.btn:disabled{opacity:.55;cursor:progress}.row{display:flex;gap:.6rem}.row .btn{margin-top:0}.icon-btn{background:var(--card);border:1px solid var(--card-line);color:var(--ink);border-radius:12px;width:40px;height:40px;font-size:1.1rem;cursor:pointer}.onboard{padding:2rem 1.5rem;justify-content:center}.onboard-body{flex:1;display:grid;place-items:center}.hero{text-align:center;animation:rise .35s ease;width:100%}.alias{font-family:var(--mono);font-size:1.2rem;margin:1rem 0}.pips{display:flex;gap:.5rem;justify-content:center;padding:1.2rem 0}.pip{width:8px;height:8px;border-radius:50%;background:var(--card-line)}.pip.is-active{background:var(--accent);transform:scale(1.3)}.dome-glyph{width:120px;height:70px;margin:0 auto 1.5rem;border-radius:120px 120px 0 0;background:linear-gradient(180deg,var(--accent),#ff7a59);box-shadow:0 0 50px #ffcf3366;animation:pop .4s ease}.dome-glyph.win{background:linear-gradient(180deg,var(--win),#4cc9f0)}.app{padding-bottom:84px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem .4rem}.brand{font-family:var(--display);font-size:1.1rem}.brand span{color:var(--accent);margin-left:.35rem}.content{padding:1rem 1.2rem;flex:1;animation:rise .3s ease}.section-h{font-family:var(--display);font-size:.9rem;margin:1.4rem 0 .6rem}.play{text-align:center;padding-top:1.5rem}.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.5rem 0}.pick{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.8rem .5rem;border-radius:20px;border:2px solid var(--card-line);background:var(--card);color:var(--ink);font-family:var(--display);font-size:1.1rem;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.pick:active{transform:scale(.97)}.pick.open{border-color:var(--open)}.pick.closed{border-color:var(--closed)}.pick-glyph{font-size:2.2rem}.deadline{font-family:var(--mono);color:var(--muted)}.deadline span{color:var(--accent)}.locked-pick,.reveal-roof{font-family:var(--display);font-size:2.4rem;padding:1.6rem;border-radius:20px;margin:1.2rem auto;max-width:240px;animation:pop .4s ease}.locked-pick.open,.reveal-roof.open{background:#4cc9f026;color:var(--open);border:2px solid var(--open)}.locked-pick.closed,.reveal-roof.closed{background:#b5179e26;color:var(--closed);border:2px solid var(--closed)}.reveal.win .kicker{color:var(--win)}.reveal.loss .kicker{color:var(--loss)}.streak-chip{display:inline-block;margin-top:1rem;padding:.5rem 1rem;border-radius:999px;background:var(--card);border:1px solid var(--card-line);font-family:var(--mono)}.segments{display:flex;gap:.4rem;background:var(--card);padding:.3rem;border-radius:14px}.seg{flex:1;border:0;background:transparent;color:var(--muted);padding:.55rem;border-radius:10px;font-family:var(--body);font-weight:700;cursor:pointer}.seg.is-active{background:var(--accent);color:#1a1206}.board-list{list-style:none;padding:0;margin:1rem 0 0}.board-row{display:grid;grid-template-columns:28px 28px 1fr auto auto;align-items:center;gap:.7rem;padding:.7rem .5rem;border-bottom:1px solid var(--card-line)}.board-row.you{background:#ffcf3314;border-radius:12px}.rank{font-family:var(--display);color:var(--accent)}.bavatar{width:24px;height:24px;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40}.bavatar:before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#ffffffeb;left:7px;top:8px;box-shadow:8px 0 #ffffffeb}.bavatar:after{content:"";position:absolute;left:8px;top:14px;width:8px;height:4px;border-bottom:2px solid rgba(255,255,255,.92);border-radius:0 0 999px 999px}.bname{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bstreak{font-family:var(--mono);color:var(--muted)}.bxp{font-family:var(--mono);font-weight:700}.empty{text-align:center;color:var(--muted);padding:2rem;list-style:none}.profile-head{display:flex;align-items:center;gap:1rem}.title-tag{font-family:var(--mono);color:var(--accent);margin:.2rem 0 0}.stat-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin:1.2rem 0 .6rem}.stat-card{background:var(--card);border:1px solid var(--card-line);border-radius:16px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.stat-num{font-family:var(--display);font-size:1.3rem}.stat-label{font-size:.7rem;color:var(--muted);text-align:center}.xp-bar{height:8px;border-radius:999px;background:var(--card);overflow:hidden}.xp-bar span{display:block;height:100%;background:var(--accent)}.ring-bg{fill:none;stroke:var(--card-line);stroke-width:8}.ring-fg{fill:none;stroke:var(--win);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s ease}.ring-text{fill:var(--ink);font-family:var(--display);font-size:1rem}.history{display:flex;gap:.4rem;flex-wrap:wrap}.dot{width:18px;height:18px;border-radius:50%;background:var(--card-line)}.dot.win{background:var(--win)}.dot.loss{background:var(--loss)}.dot.skipped{background:var(--muted);opacity:.5}.badges{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.badge{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--card-line);border-radius:12px;padding:.7rem;font-size:.85rem}.badge-glyph{color:var(--accent)}.set-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--card-line)}.set-row.col{flex-direction:column;align-items:stretch;gap:.6rem}.settings .btn.danger{margin-top:1.5rem}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;display:grid;grid-template-columns:repeat(4,1fr);background:#0a0818eb;backdrop-filter:blur(12px);border-top:1px solid var(--card-line);padding-bottom:env(safe-area-inset-bottom)}.tab{background:transparent;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem 0;font-size:.7rem;cursor:pointer}.tab.is-active{color:var(--accent)}.tab-glyph{font-size:1.2rem}.avatar{border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff40;position:relative;overflow:hidden}.avatar.md{width:48px;height:48px}.avatar.lg{width:96px;height:96px;margin:0 auto}.avatar-face{position:relative;display:block;width:46%;height:34%}.avatar-face:before{content:"";position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#ffffffeb;left:13%;top:5%;box-shadow:190% 0 0 #ffffffeb}.avatar-face:after{content:"";position:absolute;left:24%;bottom:0;width:52%;height:34%;border-bottom:5px solid rgba(255,255,255,.92);border-radius:0 0 999px 999px}.avatar.md .avatar-face:after{border-bottom-width:3px}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--bg2);border:1px solid var(--card-line);border-radius:22px 22px 0 0;padding:1.6rem 1.4rem 2rem;width:100%;max-width:460px;text-align:center;animation:rise .25s ease}.share-input{width:100%;margin:1rem 0;padding:.8rem;border-radius:12px;border:1px solid var(--card-line);background:var(--card);color:var(--ink);font-family:var(--mono)}.errorbar{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:var(--loss);color:#fff;padding:.6rem 1rem;border-radius:12px;font-size:.85rem;z-index:30;max-width:90%}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:#111;padding:.6rem 1.1rem;border-radius:999px;font-weight:700;opacity:0;transition:all .25s ease;z-index:40}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}