:root{color-scheme:dark;--bg0: #070913;--bg1: #0b0f1a;--glass: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--good: #24d18a;--bad: #ff4d6d;--accent: #7c5cff;--accent2: #00d4ff}*{box-sizing:border-box}html,body{height:100%;background:radial-gradient(1200px 700px at 30% 0%,rgba(124,92,255,.18),transparent 55%),radial-gradient(900px 600px at 80% 10%,rgba(0,212,255,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}button,input{font:inherit}.screen{min-height:100%;display:flex;flex-direction:column;padding:18px 16px 26px;padding-bottom:calc(26px + env(safe-area-inset-bottom));gap:14px}.topbar{display:flex;justify-content:space-between;align-items:baseline}.title{font-size:18px;letter-spacing:.2px;font-weight:650}.subtitle{color:var(--muted);font-size:12px}.card{border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--stroke);background:#ffffff0f;padding:9px 10px;border-radius:14px}.pill strong{font-weight:700}.pickBtn{width:100%;text-align:left;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);padding:12px;border-radius:16px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.pickBtn:active{transform:scale(.985)}.pickBtn[data-active=true]{border-color:#7c5cff8c;background:linear-gradient(180deg,#7c5cff33,#ffffff0f)}.cta{border:0;background:linear-gradient(135deg,#7c5cff,#00d4ff);color:#06101a;font-weight:750;border-radius:18px;padding:14px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.cta:active{transform:scale(.985)}.cta:disabled{filter:grayscale(1) brightness(.75);cursor:not-allowed}.expr{font-size:40px;letter-spacing:.3px;font-weight:750;text-align:center;padding:22px 16px}.answerRow{display:flex;gap:10px}.input{flex:1;border:1px solid var(--stroke);background:#ffffff0d;color:var(--text);border-radius:16px;padding:14px;outline:none}.keypad{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.key{border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);border-radius:16px;padding:14px 10px;font-size:20px;font-weight:750;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;min-height:48px}.key:active{transform:scale(.985)}.key:disabled{filter:grayscale(1) brightness(.75);cursor:not-allowed}.keyAlt{font-size:14px;font-weight:700;letter-spacing:.2px;border-color:#7c5cff59;background:linear-gradient(180deg,#7c5cff2e,#ffffff0f)}.msg{margin-top:10px;font-size:13px;color:var(--muted)}.msg[data-tone=good]{color:#24d18af2}.msg[data-tone=bad]{color:#ff4d6df2}.progressBtn{margin-top:10px;width:100%;text-align:left;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);padding:12px;border-radius:16px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.progressBtn:active{transform:scale(.985)}.progressBtn:disabled{filter:grayscale(1) brightness(.75);cursor:not-allowed}.progressBar{height:10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);overflow:hidden}.progressFill{height:100%;background:linear-gradient(135deg,#7c5cff,#00d4ff);width:0%;transition:width .24s ease}.progressMeta{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.modal{width:100%;max-width:520px;border:1px solid var(--stroke);background:linear-gradient(180deg,#141826eb,#0a0c14eb);border-radius:18px;padding:14px}.lbList{display:flex;flex-direction:column;gap:8px}.lbRow{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:14px;padding:10px}.lbRank{font-weight:800;color:#fffc}.lbName{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbMeta{display:inline-flex;align-items:center;justify-content:flex-end}