:root{--bg0:#070911;--bg1:#0b1022;--panel:#ffffff0f;--panel2:#ffffff1a;--stroke:#ffffff24;--text:#ffffffd6;--muted:#ffffff9e;--hot:#7c3aed;--hot2:#22d3ee;--good:#34d399;--bad:#fb7185;--shadow:#0000008c 0 24px 70px -28px;--sans:ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--mono:ui-monospace, Menlo, Consolas, monospace;font:16px/1.45 var(--sans);letter-spacing:.18px;color:var(--text);background:radial-gradient(1000px 700px at 18% -10%, #7c3aed59, transparent 58%), radial-gradient(900px 600px at 84% 0%, #22d3ee40, transparent 55%), radial-gradient(1200px 900px at 50% 110%, #ec48991f, transparent 60%), linear-gradient(180deg, var(--bg0), var(--bg1));font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100svh;margin:0}#root{min-height:100svh}*{box-sizing:border-box}button,select{font:inherit}::selection{background:#7c3aed59}.app{max-width:1200px;margin:0 auto;padding:22px}.topbar{border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff1a,#ffffff0d);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.topbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar-right{align-items:center;gap:10px;display:flex}.badge{border:1px solid var(--stroke);background:#00000029;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.badge-label{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:12px}.select{appearance:none;color:var(--text);background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:6px 10px}.select:focus-visible{outline-offset:2px;outline:2px solid #22d3ee8c}.stat{border:1px solid var(--stroke);background:#ffffff0a;border-radius:14px;gap:2px;min-width:92px;padding:10px 12px;display:grid}.stat-k{color:var(--muted);font-size:12px}.stat-v{font-family:var(--mono);letter-spacing:.02em;font-size:15px}.phase{color:#ffffffe0;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:14px;padding:10px 12px;font-size:13px}.btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;padding:10px 12px;transition:transform .12s,background .12s,border-color .12s}.btn:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:focus-visible{outline-offset:2px;outline:2px solid #7c3aed8c}.btn.primary{background:linear-gradient(#7c3aed66,#7c3aed33);border-color:#7c3aed73}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px;display:grid}.stage{border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff08);border-radius:22px;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background:radial-gradient(800px 300px at 15% 0,#7c3aed2e,#0000 60%),radial-gradient(600px 220px at 90% 0,#22d3ee24,#0000 65%);position:absolute;inset:-1px}.stage-top{justify-content:space-between;align-items:baseline;gap:10px;padding:18px 18px 12px;display:flex;position:relative}.stage-title{letter-spacing:.06em;font-size:18px;font-weight:650}.stage-sub{color:var(--muted);font-size:13px;font-family:var(--mono)}.grid-wrap{padding:14px 18px 18px;position:relative}.grid{gap:10px;display:grid}.card{appearance:none;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;position:relative}.card:disabled{cursor:not-allowed}.card-inner{transform-style:preserve-3d;border-radius:18px;transition:transform .26s cubic-bezier(.2,.9,.2,1);position:absolute;inset:0}.card.is-face-up .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border:1px solid #ffffff29;border-radius:18px;place-items:center;display:grid;position:absolute;inset:0}.card-back{color:#ffffffad;font-family:var(--mono);letter-spacing:.12em;background:linear-gradient(#ffffff17,#ffffff0a);font-size:18px;box-shadow:inset 0 -18px 50px -30px #00000059}.card-back:before{content:"";opacity:.65;background:radial-gradient(circle at 30% 20%,#22d3ee24,#0000 40%),radial-gradient(circle at 70% 70%,#7c3aed2e,#0000 45%),repeating-linear-gradient(45deg,#ffffff0d 0 6px,#0000000a 6px 12px);border-radius:14px;position:absolute;inset:10px}.card-front{text-shadow:0 8px 16px #00000059;background:radial-gradient(circle at 30% 20%,#22d3ee24,#0000 55%),radial-gradient(circle at 70% 70%,#7c3aed38,#0000 60%),linear-gradient(#0000002e,#00000059);font-size:clamp(22px,3.6vw,34px);transform:rotateY(180deg)}.card.is-matched .card-front{border-color:#34d3998c;box-shadow:inset 0 0 0 2px #34d39926}.card:hover .card-back{border-color:#ffffff42}.card:focus-visible .card-inner{outline-offset:2px;outline:2px solid #22d3eea6}.stage-hint{color:var(--muted);align-items:center;gap:10px;padding:0 18px 18px;font-size:13px;display:flex;position:relative}.hint-dot{background:linear-gradient(#22d3eee6,#7c3aede6);border-radius:99px;width:8px;height:8px;box-shadow:0 0 18px #22d3ee40}.side{align-content:start;gap:12px;display:grid}.leaderboard{border:1px solid var(--stroke);box-shadow:var(--shadow);background:#ffffff0a;border-radius:22px;overflow:hidden}.leaderboard-h{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;padding:16px 16px 12px;display:flex}.leaderboard-title{letter-spacing:.08em;font-weight:650}.leaderboard-sub{color:var(--muted);font-size:12px;font-family:var(--mono)}.leaderboard-empty{color:var(--muted);padding:16px;font-size:13px}.leaderboard-list{gap:8px;margin:0;padding:10px;list-style:none;display:grid}.leaderboard-row{background:#00000026;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.leaderboard-row.is-active{border-color:#22d3ee59;box-shadow:inset 0 0 0 2px #22d3ee1f}.rank{font-family:var(--mono);color:#ffffffb8}.score{gap:2px;display:grid}.score-main{font-family:var(--mono)}.score-sub{color:var(--muted);font-size:12px}.when{color:#ffffff85;font-size:12px;font-family:var(--mono)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(#ffffff14,#0003);border:1px solid #ffffff29;border-radius:22px;width:min(560px,100%);padding:18px;box-shadow:0 40px 120px -55px #000000a6}.modal-title{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd6;font-size:14px;font-weight:750}.modal-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.metric{background:#00000038;border:1px solid #ffffff1f;border-radius:18px;gap:4px;padding:12px;display:grid}.metric-k{color:var(--muted);font-size:12px}.metric-v{font-family:var(--mono);font-size:16px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (width<=980px){.layout{grid-template-columns:1fr}}@media (width<=520px){.app{padding:14px}.topbar{flex-direction:column;align-items:stretch}.topbar-right{justify-content:flex-end}.modal-metrics{grid-template-columns:1fr}}