:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7fbff;--muted:#9dafb8;--panel:#111a20;--panel-2:#17242b;--line:#2b3b43;--mint:#45e6b2;--sun:#ffd166;--coral:#ff6b6b;--sky:#4dabf7;--violet:#9b7cff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:linear-gradient(120deg,#45e6b226,#0000 34%),linear-gradient(240deg,#ff6b6b24,#0000 38%),#081116;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}.shell{width:min(960px,100%);min-height:100vh;margin:0 auto;padding:18px clamp(14px,3vw,28px) 28px}.hero{justify-content:center;align-items:center;gap:14px;min-height:108px;display:flex}.brand-mark{background:linear-gradient(145deg,#ffffff24,#ffffff0a);border:1px solid #ffffff29;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff24}.brand-mark svg{fill:none;width:44px;height:44px;stroke:var(--mint);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}h1{letter-spacing:0;margin:0;font-size:clamp(38px,7vw,74px);font-weight:900;line-height:.9}.hero p{color:var(--sun);margin:8px 0 0;font-size:22px;font-weight:900}.hud{grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 12px;display:grid}.hud div{background:#111a20bd;border:1px solid #ffffff1a;border-radius:8px;min-width:0;padding:12px 14px}.hud span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.hud strong{margin-top:3px;font-size:clamp(20px,4vw,28px);line-height:1;display:block}.playerPanel{grid-template-columns:1fr minmax(130px,.35fr);gap:10px;margin:12px 0;display:grid}.playerPanel label,.playerPanel div{background:#111a20bd;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.playerPanel span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.playerPanel strong{white-space:nowrap;font-size:22px}.playerPanel input{width:min(260px,65%);min-width:0;height:38px;color:var(--ink);background:#0d171c;border:1px solid #45e6b247;border-radius:8px;outline:none;padding:0 12px;font-weight:900}.playerPanel input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #45e6b21f}.controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0;display:grid}button,select{min-height:46px;color:var(--ink);background:var(--panel-2);cursor:pointer;border:1px solid #ffffff1f;border-radius:8px;padding:0 12px;font-weight:900;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}select{appearance:none;background:var(--panel-2);text-align:center}button:hover,select:hover{border-color:#45e6b273;transform:translateY(-1px)}button:active{transform:translateY(1px)scale(.99)}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(135deg,var(--mint),var(--sky));color:#061015;box-shadow:0 10px 28px #45e6b233}.meter{background:#0d171c;border:1px solid #ffffff1a;border-radius:999px;height:12px;padding:3px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--mint),var(--sun),var(--coral));border-radius:999px;height:100%;transition:width .22s;display:block}.game{background:linear-gradient(180deg,#ffffff14,#ffffff05), repeating-linear-gradient(45deg,#ffffff06 0 1px,transparent 1px 14px), var(--panel);border:1px solid #ffffff1f;border-radius:8px;margin:14px auto 10px;padding:clamp(10px,2.6vw,18px);position:relative;box-shadow:0 26px 80px #0000005c}.loadingText{z-index:3;background:#081116c2;border-radius:8px;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0}.board{touch-action:none;-webkit-user-select:none;user-select:none;gap:clamp(5px,1.1vw,9px);width:min(88vh,100%,700px);margin:auto;display:grid}.cell{aspect-ratio:1;color:#0000;background:#223139;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:0;padding:0;font-size:clamp(18px,4.8vw,34px);font-weight:1000;display:flex;position:relative;box-shadow:inset 0 -8px 16px #0000002e}.cell:after{content:"";border-radius:inherit;opacity:0;background:#fff3;transition:opacity .16s,transform .16s;position:absolute;inset:18%;transform:scale(.7)}.cell.used{color:#061015;background:linear-gradient(135deg,var(--mint),var(--sky));border-color:#ffffff2e;animation:.18s both pop}.cell.used:after{opacity:.42;transform:scale(1)}.cell.numbered{color:#081116;background:linear-gradient(135deg,#fff7d6,#ffd166);border-color:#ffd166b3;box-shadow:0 0 0 2px #ffd16624,inset 0 -10px 18px #6948001f}.cell.numbered.used{background:linear-gradient(135deg,var(--sun),var(--coral));color:#170d0d}.cell.off{visibility:visible;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#ffffff04),repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 8px),#0b1216;border-color:#ffffff0f;box-shadow:inset 0 0 0 2px #00000047,inset 0 -10px 20px #00000057}.cell.off:before{content:"";background:#ffffff14;border-radius:4px;position:absolute;inset:26%;transform:rotate(45deg)}.cell.off:after{display:none}.message{text-align:center;min-height:30px;color:var(--muted);margin:8px 0 0;font-size:18px;font-weight:900}.message.good{color:var(--mint)}.message.warn{color:var(--coral)}@keyframes pop{0%{transform:scale(.92)}to{transform:scale(1)}}@media (width<=760px){.shell{padding-top:12px}.hero{justify-content:flex-start;min-height:86px}.brand-mark{border-radius:8px;width:52px;height:52px}.brand-mark svg{width:36px;height:36px}.hud{grid-template-columns:repeat(2,1fr)}.playerPanel{grid-template-columns:1fr}.playerPanel label,.playerPanel div{min-height:54px}.playerPanel input{width:68%}.controls{grid-template-columns:repeat(2,1fr)}.primary{grid-column:span 2}.game{padding:10px}.board{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}