:root{color-scheme:dark;--bg: #07111f;--bg2: #09192e;--panel: rgba(11, 21, 38, .78);--panel-strong: rgba(15, 28, 49, .92);--text: #eaf3ff;--muted: #92a8c7;--line: rgba(180, 210, 255, .12);--accent: #72d6ff;--danger: #ff7373;--shadow: 0 24px 80px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(122,165,255,.14),transparent 34%),radial-gradient(circle at 80% 20%,rgba(73,232,183,.1),transparent 24%),linear-gradient(180deg,#09111d,#060b13);color:var(--text)}button,input,textarea{font:inherit}.game-shell{min-height:100vh;padding:24px;display:grid;gap:18px;grid-template-rows:auto auto 1fr auto}.hero{display:flex;align-items:end;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem}.hero h1{margin:0;max-width:16ch;font-size:clamp(2rem,4vw,4rem);line-height:.95}.stats{display:flex;gap:12px}.stats>div{min-width:92px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.stats span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.stats strong{display:block;margin-top:4px;font-size:1.2rem}.level-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.level-card{position:relative;padding:16px;border-radius:22px;border:1px solid var(--line);color:var(--text);background:linear-gradient(180deg,#0e1a2ef2,#09111ffa);text-align:left;box-shadow:var(--shadow);overflow:hidden}.level-card.is-active{border-color:color-mix(in srgb,var(--accent) 72%,white 28%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),var(--shadow)}.level-card__top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.level-card__title{font-size:1.05rem;font-weight:700}.level-card__radius,.level-card__meta{color:var(--muted);font-size:.82rem}.level-card__meta{margin-top:6px}.level-card__swatch{position:absolute;right:-28px;bottom:-28px;width:96px;height:96px;border-radius:50%;opacity:.38;filter:blur(6px)}.board-panel{position:relative;display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.board-panel.is-won:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(114,214,255,.12),transparent 62%);pointer-events:none;animation:pulse 2.2s ease-in-out infinite}.board-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.hex-board{width:100%;height:min(66vh,760px);overflow:visible}.hex-board__line{fill:none;stroke-width:.16;stroke-linecap:round;stroke-linejoin:round;opacity:.28;filter:url(#glow)}.hex-cell{cursor:pointer;transition:transform .14s ease,filter .14s ease,opacity .14s ease;transform-origin:center}.hex-cell polygon{fill:#111d31fa;stroke:#b8d8ff3d;stroke-width:.06;vector-effect:non-scaling-stroke}.hex-cell__glow{fill:transparent;stroke:transparent;filter:url(#glow);opacity:0}.hex-cell.is-highlighted polygon{stroke:color-mix(in srgb,var(--accent) 50%,white 15%)}.hex-cell.is-selected{transform:scale(1.03);filter:drop-shadow(0 0 14px rgba(114,214,255,.32))}.hex-cell.is-selected polygon{fill:#162945;stroke:color-mix(in srgb,var(--accent) 70%,white 20%);stroke-width:.09}.hex-cell.is-given polygon{fill:#1a2741fa;stroke:#b4e1ff5c}.hex-cell.is-incorrect polygon{stroke:#ff7373f2;fill:#451b22fa}.hex-cell__value{fill:#f4f8ff;font-size:.47px;font-weight:800;paint-order:stroke fill;stroke:#050a12b3;stroke-width:.04px}.hex-cell.is-given .hex-cell__value{fill:#f9fdff}.hex-cell__notes{opacity:.84}.hex-cell__note{fill:#d2e3ffb8;font-size:.18px}.hex-cell__tag{fill:#e8f4ffd9}.hex-cell__tag--q{fill:#68d7ff}.hex-cell__tag--r{fill:#84f5bf}.hex-cell__tag--s{fill:#ffba6b}.line-strip{display:flex;gap:10px;flex-wrap:wrap}.line-chip{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#060c1770;color:var(--text)}.line-chip strong{font-size:1.05rem}.line-chip--muted{color:var(--muted)}.controls{position:sticky;bottom:16px;z-index:20;display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#050a12e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.selection-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(162,190,239,.14);border-radius:18px;background:linear-gradient(180deg,#0e1626f2,#080e1aeb)}.selection-banner strong{display:block;font-size:1rem;margin-top:4px}.selection-banner__label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.selection-banner p{margin:0;color:var(--muted);max-width:42ch;text-align:right}.controls__row{display:flex;flex-wrap:wrap;gap:10px}.pill-button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--text);background:#101a2be6;cursor:pointer}.pill-button.is-active{border-color:color-mix(in srgb,var(--accent) 70%,white 20%);background:color-mix(in srgb,var(--accent) 20%,rgba(16,26,43,.9))}.pill-button:disabled,.number-selector__button:disabled{opacity:.45;cursor:not-allowed}.number-selector{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.number-selector__button{aspect-ratio:1;clip-path:polygon(50% 0%,89% 22%,100% 50%,89% 78%,50% 100%,11% 78%,0% 50%,11% 22%);border:1px solid rgba(160,193,244,.2);background:linear-gradient(180deg,#18243cf2,#0c1424fa);color:#f3f8ff;font-weight:800;font-size:clamp(.9rem,2vw,1.2rem)}.number-selector__value{display:inline-block;transform:translateY(1px)}.number-selector__button.is-active{border-color:color-mix(in srgb,var(--accent) 76%,white 20%);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 32%,transparent)}.victory-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 32%,rgba(114,214,255,.18),transparent 18%),radial-gradient(circle at 34% 20%,rgba(133,245,191,.14),transparent 20%),radial-gradient(circle at 68% 14%,rgba(255,186,107,.12),transparent 16%);animation:victory 1.6s ease-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes victory{0%{opacity:0;transform:scale(.92)}20%{opacity:1}to{opacity:0;transform:scale(1.04)}}@media (max-width: 900px){.hero{flex-direction:column;align-items:start}.stats{width:100%}.level-select{grid-template-columns:1fr}.hex-board{height:min(58vh,600px)}}@media (max-width: 640px){.game-shell{padding:14px}.controls{padding:12px}.controls__row{gap:8px}.pill-button{padding:9px 12px}.number-selector{gap:6px}.selection-banner{flex-direction:column;align-items:start}.selection-banner p{text-align:left}}