:root{--bg0:#050814;--bg1:#070b1a;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.14);--stroke2: rgba(255,255,255,.1);--text:#eaf0ff;--muted: rgba(234,240,255,.72);--muted2: rgba(234,240,255,.55);--shadow: 0 18px 60px rgba(0,0,0,.55);--shadow2: 0 10px 26px rgba(0,0,0,.35);--radius: 18px;--radius2: 22px;--accent:#7c5cff;--accent2:#27e7ff;--cell: 26px;--gap: 2px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,#0e1440,#0e144000 55%),radial-gradient(900px 700px at 90% 20%,#1a0c3e,#1a0c3e00 55%),radial-gradient(1000px 900px at 50% 100%,#0b2a3a,#0b2a3a00 55%),linear-gradient(180deg,var(--bg1),var(--bg0));overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}.app{min-height:100vh;position:relative}.bgOrbs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(34px);opacity:.45;transform:translateZ(0)}.o1{left:-140px;top:-160px;background:radial-gradient(circle at 30% 30%,#7c5cff,#7c5cff00)}.o2{right:-220px;top:40px;background:radial-gradient(circle at 30% 30%,#27e7ff,#27e7ff00);opacity:.3}.o3{left:35%;bottom:-280px;background:radial-gradient(circle at 30% 30%,#00f0a8,#00f0a800);opacity:.22}.wrap{width:min(1180px,100%);margin:0 auto;padding:clamp(18px,3vw,32px) clamp(18px,4vw,48px) 40px;position:relative;z-index:1}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.header h1{margin:0;font-size:30px;letter-spacing:.4px;line-height:1.05;text-shadow:0 10px 30px rgba(0,0,0,.55)}.sub{margin-top:8px;font-size:13px;color:var(--muted)}.pillRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:baseline;gap:8px;padding:10px 12px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px #00000047;color:var(--muted);font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill b{color:var(--text);font-size:14px}.layout{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}@media(max-width:980px){.layout{grid-template-columns:1fr}.pillRow{justify-content:flex-start}}.side{position:sticky;top:18px;align-self:start}.card{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius2);padding:14px;margin-bottom:12px;box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cardTitle{font-size:12px;color:var(--muted);letter-spacing:.25px;margin-bottom:10px}.statsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statBox{padding:12px;border-radius:16px;background:#0000002e;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0a}.statBox span{display:block;font-size:12px;color:var(--muted)}.statBox b{display:block;margin-top:6px;font-size:20px;letter-spacing:.3px}button{width:100%;border:0;border-radius:14px;padding:11px 12px;font-weight:800;cursor:pointer;color:#07101f;background:linear-gradient(135deg,#7c5cff,#27e7ffd9);box-shadow:0 14px 35px #7c5cff38,0 10px 25px #00000059;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);filter:saturate(1.05)}button:active{transform:translateY(0) scale(.99)}button.secondary{margin-top:10px;color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 26px #0000004d}.miniWrap{margin-bottom:12px}.miniTitle{font-size:12px;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.mini{width:100%;padding:12px;border-radius:18px;background:#0000002e;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0a}.miniRow{display:flex;justify-content:center}.miniCell{width:15px;height:15px;margin:2px;border-radius:6px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #0000001f}.miniEmpty{text-align:center;color:var(--muted2);padding:10px 0}.boardWrap{display:flex;flex-direction:column;align-items:center;gap:12px}.board{position:relative;padding:14px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(800px 400px at 50% 0%,#7c5cff2e,#7c5cff00 60%),radial-gradient(600px 400px at 100% 20%,#27e7ff24,#27e7ff00 55%),#0003;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.board:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,#ffffff14,#fff0 35%,#ffffff0d);opacity:.45;pointer-events:none;mix-blend-mode:screen}.row{display:flex;position:relative;z-index:1}.cell{width:var(--cell);height:var(--cell);margin:var(--gap);border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #00000040}.cell.filled{border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #00000038,0 10px 22px #0000002e}.cell.filled:after{content:"";position:absolute;width:0;height:0}.cell.ghost{opacity:.18;filter:saturate(.95);border-style:dashed;border-color:#ffffff2e}.board.paused{filter:grayscale(.1) brightness(.95)}.board.over{outline:2px solid rgba(255,90,110,.55)}.boardOverlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlayTitle{font-size:30px;font-weight:900;letter-spacing:.8px;text-shadow:0 18px 40px rgba(0,0,0,.65)}.overlaySub{font-size:13px;color:var(--muted)}.hint{font-size:13px;color:var(--muted);text-align:center;max-width:540px}button:focus-visible{outline:2px solid rgba(39,231,255,.8);outline-offset:2px}