:root{--bg: #0e0f2b;--bg2: #17184a;--card: #ffffff;--ink: #15163a;--text: #f4f3ff;--muted: #a9a8d6;--accent: #8a5cff;--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#3a2a8a55,transparent),var(--bg);color:var(--text);overscroll-behavior:none}body.in-game{overflow:hidden;position:fixed;inset:0}button{font:inherit;touch-action:manipulation}a{color:inherit}.page{max-width:960px;margin:0 auto;padding:calc(20px + var(--safe-top)) 16px calc(32px + var(--safe-bottom))}.brand{display:flex;align-items:center;gap:12px;margin:8px 0 24px}.brand-name{font-size:26px;font-weight:800;letter-spacing:-.02em}.brand-tag{color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;min-height:150px;border-radius:var(--radius);text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));box-shadow:0 10px 30px -12px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .15s ease}.tile:active{transform:scale(.97)}.tile-emoji{font-size:40px;position:absolute;right:14px;top:12px;filter:drop-shadow(0 4px 8px #0004)}.tile-group{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.tile-title{font-size:24px;font-weight:800;margin-top:auto}.tile-blurb{font-size:15px;opacity:.92}.tile-daily{position:absolute;left:18px;top:40px;font-size:11px;font-weight:800;background:#fff3;padding:3px 8px;border-radius:99px}.foot{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-top:40px}.notice{background:#ffffff14;padding:12px 14px;border-radius:12px}.prose{line-height:1.55}.prose h1{font-size:30px}.prose.wide{max-width:1200px}.input{padding:12px 14px;border-radius:12px;border:1px solid #fff3;background:#fff1;color:var(--text);font-size:16px;margin-right:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:right;padding:8px 10px;border-bottom:1px solid #ffffff1a;white-space:nowrap}th:first-child,td:first-child{text-align:left}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:700;font-size:16px;cursor:pointer;background:#ffffff1f;color:inherit;min-height:48px}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px color-mix(in srgb,var(--accent) 60%,#000)}.btn.primary:active{transform:translateY(3px);box-shadow:0 3px color-mix(in srgb,var(--accent) 60%,#000)}.btn.big{font-size:20px;padding:16px 28px;width:100%}.btn.ghost{background:transparent}.btn:disabled{opacity:.6}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.row .btn{flex:1}.play{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg)}.game-root{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + var(--safe-top)) 10px 8px;pointer-events:none}.hud>*{pointer-events:auto}.hud-right{display:flex;gap:6px}.icon-btn{width:44px;height:44px;border-radius:14px;border:0;background:#0006;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud-score{display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 8px #0008;pointer-events:none}.hud-value{font-size:30px;font-weight:900;line-height:1}.hud-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.hud-title{font-weight:800}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0b0c22b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .2s ease}.overlay.result{background:#0b0c2299}.card{width:min(400px,100%);background:var(--card);color:var(--ink);border-radius:26px;padding:26px 22px 20px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #0008;animation:pop .25s ease}.card h1,.card h2{margin:0;font-size:30px;font-weight:900;letter-spacing:-.02em}.card .muted{color:#5b5a85;margin:0}.card .btn:not(.primary){background:#eeedf8;color:var(--ink)}.card .btn.ghost{background:transparent}.card-emoji{font-size:56px;line-height:1}.badge{align-self:center;background:color-mix(in srgb,var(--accent) 18%,#fff);color:color-mix(in srgb,var(--accent) 70%,#000);font-weight:800;font-size:13px;padding:5px 12px;border-radius:99px;letter-spacing:.04em}.pre{white-space:pre-line}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92);opacity:0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}