@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Syne:wght@700;800&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;background:#080817;color:#f4f0ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 15% 5%,#31137a 0,transparent 30rem),radial-gradient(circle at 90% 45%,#092b4c 0,transparent 35rem),#080817}button,select{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,620px);min-height:100dvh;margin:auto;padding:max(22px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}.topbar,.status-row,.controls{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:24px}h1,h2,p{margin:0}h1{font:800 clamp(2.15rem,9vw,3.3rem)/.9 "Syne",sans-serif;letter-spacing:-.1em;text-shadow:0 0 22px #a44eff}h2{font:800 1.8rem/1 Syne,sans-serif;letter-spacing:-.06em;margin:8px 0 18px}.eyebrow,.status-label{color:#64efff;font-weight:700;font-size:.68rem;letter-spacing:.16em}.icon-button{width:42px;height:42px;border:1px solid #a44eff;border-radius:50%;background:#170b35;color:#fff;font-size:1.3rem;box-shadow:0 0 18px #872eff80}.controls{gap:8px;flex-wrap:wrap;margin-bottom:16px;color:#bdb6d6;font-size:.8rem}select,.secondary,.check-button{min-height:42px;border:1px solid #513b76;border-radius:11px;padding:0 12px;background:#160e2e;color:#fff}select{flex:1;font-weight:600}.secondary{color:#64efff}.status-row{gap:18px;padding:14px 2px;justify-content:flex-start}.status-row>div{display:grid;gap:2px}.status-row strong{font-size:1.2rem}.check-button{margin-left:auto;background:linear-gradient(135deg,#6e2cff,#ca35e9);border:0;font-weight:700;box-shadow:0 7px 22px #8a2eff55}.game-area{display:grid;place-items:center}.board{--grid-size: 4;width:min(100%,520px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--grid-size),1fr);padding:3px;border:1px solid #7551b5;border-radius:18px;overflow:hidden;background:#190d34;box-shadow:0 0 0 1px #c348ff35,0 0 34px #7725d455}.cell{min-width:0;border:1px solid #321c58;background:linear-gradient(145deg,rgb(var(--region-tint) / .48),rgb(var(--region-tint) / .18));color:#fff;font:700 clamp(1rem,6vw,2rem) "Space Grotesk",sans-serif;transition:background .15s,color .15s,transform .15s}.cell:active{transform:scale(.93)}.cell.fixed{color:#63f2ff;text-shadow:0 0 13px #34ddff;background:linear-gradient(145deg,rgb(var(--region-tint) / .75),#111b42)}.cell.selected{background:#6f2cba;color:#fff;box-shadow:inset 0 0 0 2px #f27bff}.cell.region-left{border-left-color:#c465ff;border-left-width:3px}.cell.region-right{border-right-color:#c465ff;border-right-width:3px}.cell.region-top{border-top-color:#c465ff;border-top-width:3px}.cell.region-bottom{border-bottom-color:#c465ff;border-bottom-width:3px}.number-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.number-pad button{height:49px;border:1px solid #5c3e8e;border-radius:12px;color:#fff;background:#1c103a;font-weight:700;font-size:1.1rem}.number-pad button:not(:disabled):active{background:#9436e8}.number-pad button:disabled{opacity:.35;cursor:default}.number-pad .erase{color:#ff9fd2;font-size:.85rem}.hint{min-height:24px;text-align:center;margin-top:16px;color:#bdb6d6;font-size:.85rem}dialog{width:min(calc(100% - 40px),390px);border:1px solid #a44eff;border-radius:20px;padding:28px;background:#130b2a;color:#f5f1ff;box-shadow:0 0 42px #942fff70}dialog::backdrop{background:#05020db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog p:not(.eyebrow){color:#c5bddb;line-height:1.5;margin:8px 0}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:1.8rem}.primary{width:100%;border:0;border-radius:11px;padding:13px;margin-top:15px;background:linear-gradient(135deg,#7f2dff,#dd35e9);color:#fff;font-weight:700}@media(min-width:540px){.app-shell{padding-left:30px;padding-right:30px}.number-pad{grid-template-columns:repeat(5,1fr)}}