:root{--bg:#0b0f14;--panel:#121821;--muted:#8da0b3;--text:#e8f0fa;--accent:#87f;--good:#34d399;--bad:#ef4444;--hole:#0f141c;--hole-ring:#1d2735;--cell-size:115px;--gap:14px;--radius:22px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% -10%,#1b2640 0,#0b0f14 45%,#070a0f 100%);color:var(--text);font:16px/1.4 system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif}.wrap{max-width:980px;margin:32px auto;padding:0 16px}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;justify-content:space-between;margin-bottom:14px}h1{font-size:clamp(20px,2.2vw,28px);margin:0;letter-spacing:.3px}.subtitle{color:var(--muted);font-size:.95rem}.hud{gap:10px;flex-wrap:wrap}.chip,.hud{display:flex;align-items:center}.chip{background:linear-gradient(180deg,#1a2230,#0d121a);border:1px solid #1c2533;padding:8px 12px;border-radius:12px;gap:8px;min-height:36px}.chip strong{font-variant-numeric:tabular-nums}.btn{appearance:none;border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(180deg,#6b7cff,#6a5bff);color:white;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(105,92,255,.35);transition:transform .06s ease,filter .2s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn.secondary{background:linear-gradient(180deg,#263043,#1a2230);color:#dfe7f5;box-shadow:inset 0 0 0 1px #2a364b}.btn.ghost{background:transparent;border:1px solid #2a364b;box-shadow:none}.board{user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,var(--panel),#0e1420);border:1px solid #1c2533;border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(3,var(--cell-size));gap:var(--gap);justify-content:center}.board,.cell{position:relative}.cell{width:var(--cell-size);height:var(--cell-size);background:radial-gradient(72px 72px at 50% 46%,var(--hole) 0,#0b111a 65%,#060a10 100%);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--hole-ring),inset 0 10px 24px rgba(0,0,0,.5);overflow:hidden}.entity{position:absolute;left:50%;bottom:-110px;transform:translateX(-50%);transition:bottom .12s ease-out;pointer-events:auto}.entity.up{bottom:8px}.entity svg{width:76px;height:76px;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}.entity.hit{animation:bonk .18s ease both}@keyframes bonk{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(.85)}to{transform:translateX(-50%) scale(1)}}.shake{animation:shake .35s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-50%) translateX(-1px)}20%,80%{transform:translateX(-50%) translateX(2px)}30%,50%,70%{transform:translateX(-50%) translateX(-4px)}40%,60%{transform:translateX(-50%) translateX(4px)}}.footer{grid-template-columns:1fr;margin-top:16px}.footer,.panels{display:grid;gap:12px}.panels{grid-template-columns:1fr 1fr}.card{background:linear-gradient(180deg,#0e1420,#0a0f17);border:1px solid #1a2230;border-radius:16px;padding:14px}.card h3{margin:0 0 8px;font-size:1rem}table{width:100%;border-collapse:separate;border-spacing:0 4px}th{text-align:left;font-size:.9rem;color:var(--muted);padding:0 10px 4px}td{padding:10px;font-size:.95rem;background:linear-gradient(180deg,#1a2230,#141b28);border-top:1px solid #242e40;border-bottom:1px solid #1c2533}tbody tr:first-child td:first-child{border-top-left-radius:10px}tbody tr:first-child td:last-child{border-top-right-radius:10px}tbody tr:last-child td:first-child{border-bottom-left-radius:10px}tbody tr:last-child td:last-child{border-bottom-right-radius:10px}tbody tr:last-child td{border-bottom:1px solid #242e40}td:first-child{border-left:1px solid #242e40}td:last-child{border-right:1px solid #242e40}.hint,.muted{color:var(--muted)}.hint{font-size:.9rem}.kbd{font:600 .85rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0c1220;border:solid #1c2440;border-width:1px 1px 2px;border-radius:6px;padding:2px 6px}.toast{position:fixed;inset:auto 16px 16px auto;background:#0b1220;border:1px solid #1a2240;color:#dfe7ff;border-radius:10px;padding:10px 12px;box-shadow:0 10px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(8px);transition:all .25s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.pill{display:inline-flex;align-items:center;gap:6px;background:#0e1420;border:1px solid #1b2540;padding:6px 8px;font-size:.85rem}.dot,.pill{border-radius:999px}.dot{width:8px;height:8px;background:#f59e0b}.dot.ok{background:#10b981}.dot.err{background:#ef4444}.dialog{background:var(--panel);color:var(--text);border:1px solid #1c2533;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.dialog h2{margin:0 0 8px}.dialog p{margin:0 0 16px;color:var(--muted)}.dialog form{display:flex;flex-direction:column;gap:12px}.dialog input{background:#0c111a;border:1px solid #1c2533;color:var(--text);padding:10px;border-radius:8px}@media (max-width:560px){:root{--cell-size:28vw;--gap:10px}.wrap{margin:16px auto}header{gap:10px}.panels{grid-template-columns:1fr}.board{padding:12px}h1{font-size:1.4rem}.subtitle{display:none}}pre{background-color:#0c111a;border:1px solid #1a2230;border-radius:8px;padding:12px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#e8f0fa}details{margin-top:1rem}summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}details[open]>summary{color:var(--accent)}