: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 .head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-head .title{font-weight:800;letter-spacing:.12em}.reset-btn{background:#1f2735;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px}.reset-btn:hover{color:var(--brand);border-color:var(--brand)}.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)}.toasts{position:fixed;right:16px;bottom:16px;z-index:900;display:flex;flex-direction:column;gap:10px;width:320px;max-width:calc(100vw - 32px)}.toast{position:relative;background:#111827;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:12px 34px 12px 14px;box-shadow:0 12px 32px #000b;animation:toast-in .28s ease-out}@keyframes toast-in{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}.toast-head{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent)}.toast-sender{font-size:13px;font-weight:600;margin-top:3px}.toast-subject{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-open{margin-top:9px;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:5px 14px;font-size:12px}.toast-x{position:absolute;top:5px;right:7px;background:none;border:0;color:var(--muted);font-size:19px;line-height:1;padding:2px 6px}.toast-x:hover{color:#fff}@media (max-width: 720px){.toasts{left:12px;right:12px;bottom:12px;width:auto}}.pbar{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);flex-wrap:wrap}.pbar-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pbar-link{color:var(--brand);text-decoration:underline;font-size:14px;white-space:nowrap}.pbar-link.coffee{color:#fbbf24}.pbar-right{display:flex;align-items:center;gap:10px}.pbar-tier{font-size:13px;color:var(--muted)}.pbar-tier.supporter{color:var(--brand);font-weight:700}.pbar-btn{background:#1f2735;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:13px}.pbar-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.row.locked .sender,.row.locked .subject,.row.locked .preview{color:#6b7280}.badge.sup{color:var(--brand);border-color:#ff424d55}.card.locked{text-align:center}.card.locked .locked-msg{color:#6b7280;margin:8px 0 18px}.as-btn{display:inline-block;text-decoration:none}.att-err{color:var(--brand);font-size:13px;margin-top:8px}.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-caption{font-size:11px;letter-spacing:.1em;color:#6b7280;margin:8px 0 4px;font-weight:700}.fd-ref{display:inline-block;line-height:0;background:#3f3f46;padding:4px;border-radius:8px}.fd-ref img{max-width:100%;max-height:24vh;border-radius:5px;display:block}.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:46vh;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}}