:root{--bg:#fff;--surface:#fff;--ink:#151515;--muted:#777;--line:#e6e6e6;--line-strong:#cfcfcf;--good:#138a52;--good-soft:#e9f8f0;--bad:#c4493d;--bad-soft:#fdecea;--focus:#1b67d8}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(1040px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:8px;min-width:0;display:flex}.brand-mark{width:24px;height:24px;color:var(--ink);background:0 0;border:0;border-radius:0;flex:none;place-items:center;display:grid}.brand h1{letter-spacing:0;white-space:nowrap;margin:0;font-size:1.35rem;line-height:1}.category-select{flex:none;margin-left:4px;position:relative}.category-select select{min-width:146px;height:38px;color:var(--ink);background:var(--surface);border:1px solid var(--line);appearance:none;cursor:pointer;border-radius:8px;outline:none;padding:0 34px 0 12px}.category-select:after{pointer-events:none;content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;position:absolute;top:50%;right:13px;transform:translateY(-65%)rotate(45deg)}.category-select select:focus-visible,.help-button:focus-visible,.icon-button:focus-visible,.option-card:focus-visible,.share-button:focus-visible,.next-button:focus-visible{border-color:var(--focus);outline:3px solid #1b67d829}.top-actions{flex:none;align-items:center;gap:14px;display:flex}.score{text-align:center;background:0 0;border:0;border-radius:0;justify-items:center;gap:2px;min-width:64px;padding:0;display:grid}.score span{color:var(--muted);font-size:.72rem;line-height:1}.score strong{font-size:.92rem;line-height:1.1}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.category-select select:hover,.next-button:hover,.option-card:hover{border-color:var(--line-strong)}.icon-button:hover{background:#fff}.arena{min-width:0}.question-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:28px;margin:0 0 14px;display:grid}.question{min-width:0;color:var(--ink);letter-spacing:0;margin:0;font-size:1.08rem;font-weight:650;line-height:1.25}.question-sizer,.question-active{grid-area:1/1}.question-sizer{visibility:hidden}.question span{color:var(--muted);font-weight:550}.compact-question{align-items:center;gap:6px;width:max-content;max-width:100%;display:inline-flex}.help-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.help-button:hover{color:var(--ink)}.option-grid{flex-direction:column;gap:8px;display:flex}.option-card{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;height:118px;padding:16px;display:grid}.option-card:hover{background:#fff}.option-card.reveal-ai{background:var(--good-soft);border-color:#138a528c}.option-card.reveal-wrong{background:var(--bad-soft);border-color:#c4493d8c}.option-card.dimmed{color:var(--muted);background:#fff}.option-kicker{width:30px;height:30px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:999px;place-items:center;font-size:.82rem;font-weight:700;line-height:1;display:grid}.reveal-icon{color:var(--muted);border-color:currentColor}.ai-icon{color:var(--good);background:var(--good-soft)}.wrong-icon{color:var(--bad);background:var(--bad-soft)}.random-icon{color:var(--muted);background:#fff}.number-sequence,.digit-sequence,.coin-sequence,.direction-sequence,.card-sequence,.date-sequence,.color-sequence{align-items:center;gap:8px;display:grid}.number-sequence{grid-template-columns:repeat(10,minmax(0,1fr))}.number-tile{aspect-ratio:1;color:#111;border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;place-items:center;min-height:56px;padding:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,2.7vw,2.15rem);font-weight:700;line-height:1;display:grid}.digit-sequence{grid-template-columns:repeat(18,minmax(0,1fr));gap:4px}.digit-tile{color:#1d1d1d;border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;place-items:center;min-width:0;min-height:34px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.05rem;font-weight:700;line-height:1;display:grid}.coin-sequence{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.coin{aspect-ratio:1;border-radius:999px;place-self:center;place-items:center;width:min(100%,46px);font-size:1.08rem;font-weight:800;display:grid;box-shadow:inset 0 1px 2px #ffffffbf,inset 0 -2px 4px #00000029}.coin-heads{color:#5f4514;background:radial-gradient(circle at 35% 28%,#fff0b8,#d7aa3a 68%);border:1px solid #bc8e20}.coin-tails{color:#4b4f57;background:radial-gradient(circle at 35% 28%,#f7f8fa,#b8bec8 70%);border:1px solid #9aa1ad}.direction-sequence{grid-template-columns:repeat(12,minmax(0,1fr))}.direction-tile{background:0 0;border:0;border-radius:0;place-items:center;min-height:54px;display:grid}.direction-arrow{transform-origin:50%;width:3rem;height:3rem;display:block}.direction-up{color:#2563eb}.direction-up .direction-arrow{transform:rotate(180deg)}.direction-down{color:#0f9f6e}.direction-down .direction-arrow{transform:rotate(0)}.direction-left{color:#d94a3a}.direction-left .direction-arrow{transform:rotate(90deg)}.direction-right{color:#b7791f}.direction-right .direction-arrow{transform:rotate(-90deg)}.card-sequence{grid-template-columns:repeat(8,minmax(0,1fr))}.playing-card{color:#151515;background:#fff;border:1px solid #d7d7d7;border-radius:8px;grid-template-rows:auto 1fr;min-width:0;height:72px;padding:7px 6px;display:grid}.red-card{color:#c7362f}.card-rank{font-size:1.24rem;font-weight:800;line-height:1}.card-suit{place-self:center;font-size:1.88rem;line-height:1}.date-sequence{grid-template-columns:repeat(8,minmax(0,1fr))}.date-tile{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto auto auto;place-items:center;gap:5px;min-width:0;min-height:72px;padding:7px 4px;display:grid}.date-month{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:800;line-height:1}.date-day{color:#171717;font-variant-numeric:tabular-nums;font-size:1.48rem;font-weight:750;line-height:1}.date-year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700;line-height:1}.color-sequence{grid-template-columns:repeat(8,minmax(0,1fr))}.color-chip{border:1px solid #15151529;border-radius:8px;min-width:0;min-height:76px;display:block;position:relative;overflow:hidden}.color-code{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-self:center;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;font-weight:800;line-height:1;position:absolute;bottom:8px;left:6px;right:6px;overflow:hidden}.arena-footer{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.share-button{min-width:132px;height:40px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.share-button:hover{border-color:var(--line-strong)}.next-button{background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:112px;height:40px;padding:0 16px;font-weight:700;display:inline-flex}@media (max-width:760px){.shell{padding:18px}.topbar{flex-direction:column;align-items:stretch;margin-bottom:20px}.brand{flex-wrap:wrap}.category-select{flex:150px}.category-select select{width:100%}.top-actions{justify-content:space-between}.score{flex:auto}.option-card{grid-template-columns:34px minmax(0,1fr);height:auto;min-height:118px;padding:14px}.number-sequence{grid-template-columns:repeat(5,minmax(0,1fr))}.digit-sequence{grid-template-columns:repeat(9,minmax(0,1fr))}.coin-sequence{grid-template-columns:repeat(8,minmax(0,1fr))}.direction-sequence{grid-template-columns:repeat(6,minmax(0,1fr))}.card-sequence,.date-sequence,.color-sequence{grid-template-columns:repeat(4,minmax(0,1fr))}}