:root{color-scheme:dark;--bg: #0b1220;--panel: #111827;--line: #1f2937;--text: #e6edf3;--muted: #9fb0c0;--accent: #1f6feb;--brand: #ff424d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:15px/1.45 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}button{font:inherit;cursor:pointer}.boot{display:grid;place-items:center;height:100%;color:var(--muted);text-align:center;padding:20px}.boot.error{color:var(--brand)}.app{display:grid;grid-template-columns:340px 1fr;height:100%}.inbox{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.content{position:relative;min-height:0;overflow:auto;display:flex;flex-direction:column}.inbox-head{padding:14px 16px;border-bottom:1px solid var(--line)}.inbox-head .title{font-weight:800;letter-spacing:.12em}.inbox-head .count{font-size:12px;color:var(--muted)}.rows{overflow:auto;flex:1}.row{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 16px;color:var(--text)}.row:hover{background:#161d2b}.row.active{background:#1f2c47}.row .sender{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}.row.read .sender{color:var(--muted);font-weight:500}.row .subject{font-size:14px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;color:#16a34a;border:1px solid #16a34a55;border-radius:4px;padding:1px 5px}.placeholder{margin:auto;color:var(--muted)}.back{align-self:flex-start;margin:12px;background:#1f2735;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px}.card{margin:20px;background:#fff;color:#111827;border-radius:12px;padding:22px 26px;max-width:720px;box-shadow:0 8px 30px #0006}.card .from{font-size:12px;color:#6b7280}.card h2{margin:4px 0 12px;font-size:22px}.card .body{white-space:pre-wrap;line-height:1.5}.card .attachment{max-width:100%;max-height:320px;margin-top:14px;border-radius:8px}.card .actions{margin-top:16px}.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 18px}.primary:disabled{background:#9ca3af}.game-title{color:#111827}.not-impl{color:#374151}.not-impl code{background:#eef;padding:1px 5px;border-radius:4px}.loading{margin:auto;text-align:center;color:var(--muted)}.loading-text{margin-top:14px}.spinner{width:44px;height:44px;margin:0 auto;border-radius:50%;border:4px solid #ffffff22;border-top-color:#58a6ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fd{padding:4px}.fd-hud{color:#111827;font-weight:600;margin-bottom:8px}.fd-hud .miss{color:var(--brand);font-weight:500}.fd-stage{position:relative;display:inline-block;max-width:100%;-webkit-user-select:none;user-select:none;line-height:0}.fd-stage img{max-width:100%;max-height:70vh;border-radius:8px;cursor:crosshair}.fd-mark{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid #22c55e;border-radius:50%;box-shadow:0 0 0 2px #fff8;pointer-events:none}.hint{color:#6b7280;font-size:13px}.mem{padding:4px}.mem-hud{color:#111827;font-weight:600;margin-bottom:8px}.mem-flash{color:#16a34a}.mem-stage{position:relative;width:100%;max-width:640px;margin:0 auto;background:#18181b;border-radius:10px;overflow:hidden}.mem-bg{display:block;width:100%;max-height:70vh;object-fit:contain}.mem-grid{position:absolute;top:6%;right:6%;bottom:6%;left:6%;display:grid;gap:3%;align-content:center}.mem-card{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:8px;overflow:hidden;background:#1e293b;box-shadow:inset 0 0 0 2px #47556955;cursor:pointer;transition:opacity .35s ease}.mem-card .qmark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(18px,6vw,40px);color:#94a3b8}.mem-card img{width:100%;height:100%;object-fit:cover;display:block;background:#f4f4f5}.mem-card.revealed{background:#f4f4f5;cursor:default}.mem-card.removed{opacity:0;pointer-events:none}.sp{padding:4px}.sp-hud{color:#111827;font-weight:600;margin-bottom:8px}.sp-flash{color:var(--brand)}.sp-stage{position:relative;width:100%;max-width:560px;margin:0 auto;background:#3f3f46;border-radius:8px;overflow:hidden}.sp-tile{position:absolute;background-repeat:no-repeat;cursor:pointer;box-shadow:inset 0 0 0 1px #00000059;transition:left .12s ease,top .12s ease}.sp-tile:hover{box-shadow:inset 0 0 0 2px #58a6ff}.op-tile{touch-action:none}.op-drop{position:absolute;box-shadow:inset 0 0 0 3px #fbbf24;background:#fbbf2433;pointer-events:none;z-index:5}.np{padding:4px}.np-hud{color:#111827;font-weight:600;margin-bottom:6px}.np-flash{color:var(--brand)}.np-tray{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;padding:8px;min-height:72px;background:#e5e7eb;border-radius:8px;margin-bottom:10px}.np-tray-empty{color:#6b7280;font-size:13px}.np-piece{background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #00000059}.np-thumb{width:60px;height:60px;border-radius:4px;cursor:grab;touch-action:none}.np-grid{position:relative;display:grid;width:100%;max-width:420px;margin:0 auto;background:#3f3f46;border-radius:8px;overflow:hidden}.np-slot{position:relative;background:#27272a;box-shadow:inset 0 0 0 1px #18181b}.np-fit{position:absolute;top:0;right:0;bottom:0;left:0}.np-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;border-radius:4px;opacity:.9;box-shadow:0 6px 16px #000a}.fi-stage,.cz-stage,.ms-stage{position:relative;display:inline-block;max-width:100%;line-height:0;-webkit-user-select:none;user-select:none}.fi-stage img,.cz-stage img,.ms-stage img{max-width:100%;max-height:62vh;border-radius:8px;display:block}.fi{padding:4px}.fi-hud{color:#111827;font-weight:600;margin-bottom:8px}.fi-msg{color:#2563eb}.fi-main{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.fi-stage img{cursor:crosshair}.fi-ring{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border:3px solid #22c55e;border-radius:50%;box-shadow:0 0 0 2px #fff8;pointer-events:none;animation:fi-pulse 1s ease-in-out infinite}@keyframes fi-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.18)}}.fi-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#7f1d1dcc;color:#fff;font-size:26px;font-weight:700;border-radius:8px}.fi-list{min-width:180px;background:#111827;border-radius:8px;padding:12px 14px}.fi-list-title{font-size:12px;color:#9ca3af;letter-spacing:.08em;margin-bottom:8px}.fi-item{font-size:15px;color:#e5e7eb;padding:4px 0}.fi-item.done{color:#22c55e}.fi-check{display:inline-block;width:20px}.cz{padding:4px}.cz-hud{color:#111827;font-weight:600;margin-bottom:8px}.cz-status{font-weight:800}.cz-status.cold{color:#60a5fa}.cz-status.warm{color:#d97706}.cz-status.hot{color:#ef4444}.cz-msg{color:#6b7280}.cz-stage img{cursor:crosshair}.cz-blob{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;-webkit-backdrop-filter:blur(9px) contrast(.85);backdrop-filter:blur(9px) contrast(.85);background:#1414191f;box-shadow:inset 0 0 0 2px #0004;pointer-events:none}.ms{padding:4px}.ms-hud{font-weight:700;margin-bottom:8px}.ms-phase.watch{color:#f59e0b}.ms-phase.input{color:#2563eb}.ms-phase.wrong{color:#ef4444}.ms-msg{color:#16a34a}.ms-block{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:6px;-webkit-backdrop-filter:blur(8px) contrast(.8);backdrop-filter:blur(8px) contrast(.8);background:#0f0f142e;box-shadow:inset 0 0 0 2px #0005;color:#1e1b0e;font-size:clamp(18px,5vw,40px);font-weight:800;cursor:pointer}.ms-block.lit{background:#fbbf24d1;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 2px #b45309}.ms-block:disabled{cursor:default}.pt{padding:4px}.pt-hud{color:#111827;font-weight:600;margin-bottom:8px}.pt-msg{color:#16a34a}.pt-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;border:3px solid transparent;border-radius:8px;cursor:crosshair}.pt-stage.good{border-color:#22c55e}.pt-stage.bad{border-color:#ef4444}.pt-stage img{max-width:100%;max-height:60vh;display:block;border-radius:6px}.pt-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c14e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px}.pt-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pt-line{fill:none;stroke:#e0f2fe;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #38bdf8)}.pt-start{fill:#22c55e}.pt-head{fill:#fff}.pt-bar{height:8px;max-width:100%;background:#374151;border-radius:4px;margin-top:8px;overflow:hidden}.pt-fill{height:100%;background:#0ea5e9;transition:width .1s}.reward{display:grid;place-items:center}.reward img{max-width:100%;max-height:78vh;border-radius:10px}.reward.empty{color:#374151}@media (max-width: 720px){.app{grid-template-columns:1fr}.app.at-inbox .content,.app.at-content .inbox{display:none}.card{margin:12px;padding:16px 18px}}