:root{--bg: #F4F2EC;--surface: #FFFFFF;--surface2: #EAE7DE;--ink: #15182A;--muted: #5B6075;--line: #DDD8CC;--accent: #2B2F8F;--accent-ink: #FFFFFF;--gold: #F2B632;--gold-soft: #FBEBC4;--gold-ink: #5A3D00;--silver: #A7B1C2;--silver-soft: #E4E8EF;--silver-ink: #2E3645;--bronze: #C9824B;--bronze-soft: #F4DFCD;--bronze-ink: #5B2F0E;--good: #1B7A4A;--bad: #C0392B;--bad-soft: #F8DEDA;--focus: #0B63C5;--shadow: 0 1px 2px rgba(21,24,42,.06), 0 6px 18px rgba(21,24,42,.06);--scrim: rgba(8, 6, 20, .55);--display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body: "Figtree", "Avenir Next", "Segoe UI", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0E1120;--surface: #171B30;--surface2: #21263F;--ink: #ECEEF7;--muted: #9DA3BC;--line: #2A3052;--accent: #8D92FF;--accent-ink: #0E1120;--gold-soft: #3D3214;--gold-ink: #FFD978;--silver-soft: #2B313F;--silver-ink: #D9DFEA;--bronze-soft: #3A2718;--bronze-ink: #F2B98C;--good: #4CC48B;--bad: #FF7A6B;--bad-soft: #3B1C1D;--focus: #6DB2FF;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg: #0E1120;--surface: #171B30;--surface2: #21263F;--ink: #ECEEF7;--muted: #9DA3BC;--line: #2A3052;--accent: #8D92FF;--accent-ink: #0E1120;--gold-soft: #3D3214;--gold-ink: #FFD978;--silver-soft: #2B313F;--silver-ink: #D9DFEA;--bronze-soft: #3A2718;--bronze-ink: #F2B98C;--good: #4CC48B;--bad: #FF7A6B;--bad-soft: #3B1C1D;--focus: #6DB2FF;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.4;padding:max(10px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2{font-family:var(--display);margin:0;letter-spacing:-.01em;text-wrap:balance}main{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.muted{color:var(--muted);margin:0}.top{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px}.brand{font-family:var(--display);font-weight:800;font-size:22px;display:flex;align-items:center;gap:9px;letter-spacing:-.02em}.logo{display:inline-flex;align-items:flex-end;gap:2px;height:20px}.logo i{width:6px;border-radius:2px}.logo i:nth-child(1){height:13px;background:var(--silver)}.logo i:nth-child(2){height:20px;background:var(--gold)}.logo i:nth-child(3){height:9px;background:var(--bronze)}.daytag{font-weight:700;color:var(--muted);background:var(--surface2);border-radius:999px;padding:3px 10px;font-size:14px}.hero,.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.hero{display:flex;flex-direction:column;gap:10px}.hero h1{font-size:30px;font-weight:800;line-height:1.1}.eyebrow{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.card-title{font-size:18px;font-weight:700;margin-bottom:8px}.card.soon{background:var(--surface2);box-shadow:none}.rules{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}.rules .pts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rules .pts span{background:var(--surface2);border-radius:999px;padding:3px 10px;font-weight:600;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.stats div{background:var(--surface2);border-radius:14px;padding:10px 4px;display:flex;flex-direction:column}.stats b{font-family:var(--display);font-size:26px}.stats span{font-size:13px;color:var(--muted)}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:700}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.big{width:100%;min-height:54px;font-size:18px}.btn:active{transform:scale(.98)}.progress{display:flex;justify-content:space-between;font-weight:700;color:var(--muted);font-size:15px}.progress .score{color:var(--ink)}.timer{display:flex;align-items:center;gap:10px}.track{flex:1;height:10px;background:var(--surface2);border-radius:999px;overflow:hidden}.bar{height:100%;background:var(--accent);transform-origin:left;border-radius:999px}.bar.low{background:var(--bad)}.timenum{font-family:var(--display);font-weight:800;font-size:22px;width:28px;text-align:right;font-variant-numeric:tabular-nums}.qtitle{font-size:25px;font-weight:800;line-height:1.15}.ask{margin-top:-6px}.options{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;min-height:48px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);font-weight:600;font-size:16px;box-shadow:var(--shadow)}button.opt:active{border-color:var(--accent);background:var(--surface2)}.opt .name{min-width:0;overflow-wrap:anywhere}.reading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 4px 0}.qtitle.big{font-size:32px}.readnum{font-family:var(--display);font-weight:800;font-size:64px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.howto summary{cursor:pointer;margin:0}.howto[open] summary{margin-bottom:10px}.opt.shown{box-shadow:none;color:var(--muted)}.opt.shown.top{color:var(--ink)}.opt.picked{border-color:var(--bad);background:var(--bad-soft);color:var(--ink);border-width:2.5px}.opt.picked.top{border-color:var(--good);background:var(--surface)}.badge{flex:none;font-size:13px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}.badge.m1{background:var(--gold-soft);color:var(--gold-ink)}.badge.m2{background:var(--silver-soft);color:var(--silver-ink)}.badge.m3{background:var(--bronze-soft);color:var(--bronze-ink)}.badge.near{background:var(--surface2);color:var(--muted)}.badge.none{color:var(--muted);font-weight:500}.result{border-radius:14px;padding:12px 14px;font-size:18px}.result b{font-family:var(--display);font-weight:800}.result.good{background:var(--surface);border:2px solid var(--good)}.result.good b{color:var(--good)}.result.bad{background:var(--bad-soft);border:2px solid var(--bad)}.source{margin:0;font-size:13px;color:var(--muted)}.hero.end{text-align:center;align-items:center}.bigscore{font-family:var(--display);line-height:1}.bigscore b{font-size:72px;font-weight:800}.bigscore span{font-size:26px;color:var(--muted);font-weight:700}.emoji{font-size:22px;letter-spacing:1px;line-height:1.5;word-break:break-all;max-width:100%}#toast{position:fixed;left:0;right:0;bottom:24px;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600}:root{--bg: #F3EEFF;--surface: #FFFFFF;--surface2: #EAE2FF;--ink: #1A1033;--muted: #5E5578;--line: #DCD2F5;--accent: #6A2BD9;--accent-ink: #FFFFFF;--stage: #2A1466;--stage-ink: #FFFFFF;--stage-muted: #C9BCF0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #140B2E;--surface: #1E1442;--surface2: #2A1E57;--ink: #F3EEFF;--muted: #A99CCB;--line: #352A66;--accent: #FFC531;--accent-ink: #1A1033;--stage: #2A1E57;--stage-ink: #FFFFFF;--stage-muted: #C9BCF0}}:root[data-theme=dark]{--bg: #140B2E;--surface: #1E1442;--surface2: #2A1E57;--ink: #F3EEFF;--muted: #A99CCB;--line: #352A66;--accent: #FFC531;--accent-ink: #1A1033;--stage: #2A1E57;--stage-ink: #FFFFFF;--stage-muted: #C9BCF0}.stage{background:var(--stage);color:var(--stage-ink);border-radius:24px;padding:22px 18px 18px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.stage .eyebrow{color:var(--stage-muted)}.stage h1{font-size:30px;font-weight:800;line-height:1.1}.stage .btn.primary{background:var(--gold);color:var(--gold-ink-solid)}:root{--gold-ink-solid: #2A1C00}.podium{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:128px;margin-bottom:4px}.podium .block{width:76px;border-radius:12px 12px 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;gap:2px}.podium .block span{font-size:22px;line-height:1}.podium .block b{font-family:var(--display);font-size:26px;font-weight:800;color:var(--gold-ink-solid)}.podium .b1{height:120px;background:var(--gold)}.podium .b2{height:92px;background:var(--silver)}.podium .b3{height:72px;background:var(--bronze)}.steps{display:grid;grid-template-columns:1fr;gap:8px}.step{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.step .num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:var(--display);font-size:18px}.step strong{display:block;font-family:var(--display);font-size:17px}.step span{color:var(--muted);font-size:14px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.chip{border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px}.chip.m1{background:var(--gold-soft);color:var(--gold-ink)}.chip.m2{background:var(--silver-soft);color:var(--silver-ink)}.chip.m3{background:var(--bronze-soft);color:var(--bronze-ink)}.hero.end{background:var(--stage);color:var(--stage-ink);border:0}.hero.end .muted,.hero.end .eyebrow,.hero.end .bigscore span{color:var(--stage-muted)}.hero.end .btn.primary{background:var(--gold);color:var(--gold-ink-solid)}.topbtns{display:flex;align-items:center;gap:8px;min-width:0}.iconbtn{border:0;background:var(--surface2);color:var(--ink);width:38px;height:38px;border-radius:999px;font-size:18px;display:grid;place-items:center;flex:none}.whobtn{border:0;background:var(--surface2);color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whobtn.guest{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:var(--surface2);color:var(--ink)}.btn.link{background:none;color:var(--accent);padding:8px 0;font-weight:600;text-decoration:underline}.btn:disabled{opacity:.6}.row{display:flex;flex-wrap:wrap;gap:8px}.center{text-align:center}.pad{padding:48px 0}.small{font-size:14px}.card.join{display:flex;flex-direction:column;gap:12px}.card.join .card-title{margin:0}.card.join.slim{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px}.card.join.slim .btn{flex:none}button.opt.chosen{border-color:var(--accent);background:var(--surface2)}button.opt:disabled{cursor:default}.boardhead{display:flex;align-items:center;gap:12px}.boardhead .back{padding:8px 12px;font-size:14px}.page-title{font-size:26px;font-weight:800}.seg{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface2);border-radius:14px;padding:4px;gap:4px}.seg button{border:0;background:none;color:var(--muted);border-radius:10px;padding:9px 2px;font-weight:700;font-size:13px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.brow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.brow.me{border:2px solid var(--accent)}.brow.m1{background:var(--gold-soft);border-color:var(--gold)}.brow.m2{background:var(--silver-soft);border-color:var(--silver)}.brow.m3{background:var(--bronze-soft);border-color:var(--bronze)}.brow.me.m1,.brow.me.m2,.brow.me.m3{border-width:2px}.brank{flex:none;width:34px;font-family:var(--display);font-weight:800;font-size:16px;color:var(--muted)}.brow.m1 .brank,.brow.m2 .brank,.brow.m3 .brank{font-size:20px}.bname{flex:1;min-width:0;font-weight:700;overflow-wrap:anywhere}.bgames{flex:none;font-size:13px;color:var(--muted)}.bscore{flex:none;font-family:var(--display);font-weight:800;font-size:20px;min-width:32px;text-align:right}.board .gap{text-align:center;color:var(--muted);list-style:none}#layer:empty{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:10;padding:0 max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.sheet{width:100%;max-width:520px;background:var(--surface);color:var(--ink);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.sheethead{display:flex;align-items:center;justify-content:space-between}.sheethead .card-title{margin:0}.field{width:100%;font:inherit;font-size:18px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}.field:focus{outline:none;border-color:var(--accent)}.formerror{margin:0;color:var(--bad);font-weight:600}