:root{--p-bg:#070b12;--p-panel:#0d1520;--p-panel2:#111c2a;--p-line:rgba(255,255,255,.1);--p-text:#edf5ff;--p-muted:#8ea0b6;--p-blue:#57b7ff;--p-green:#63e3a0;--p-yellow:#ffd66b;--p-red:#ff747b;--cell:min(4.15vw,44px)}*{box-sizing:border-box}.puzzle-body{background:#070b12;color:var(--p-text);min-height:100vh}.puzzle-body .background-glow{display:none}.puzzle-topbar{backdrop-filter:none!important;background:rgba(7,11,18,.98)!important}.puzzle-top-stats{display:flex;gap:10px}.puzzle-top-stats>span{padding:7px 10px;border:1px solid var(--p-line);border-radius:999px;background:#0d1520;color:var(--p-muted);font-size:12px}.puzzle-top-stats strong{color:#fff}.puzzle-page{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:30px 0 48px}.puzzle-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px}.puzzle-heading h1{margin:5px 0 5px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.puzzle-heading p{margin:0;color:var(--p-muted)}.puzzle-reset-line{margin-top:7px!important;font-size:11px}.puzzle-reset-line strong{color:var(--p-yellow);font-variant-numeric:tabular-nums}.puzzle-difficulty{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,214,107,.3);background:rgba(255,214,107,.08);color:var(--p-yellow);font-size:11px;font-weight:900;letter-spacing:.08em}.puzzle-tabs{display:flex;gap:8px;margin:18px 0}.puzzle-tabs button,.puzzle-controls button,.practice-actions button,.puzzle-result button,.puzzle-panel-title button{border:1px solid var(--p-line);border-radius:11px;background:#0e1723;color:#c9d6e7;padding:10px 13px;font-weight:800;cursor:pointer}.puzzle-tabs button.active{background:#172739;border-color:rgba(87,183,255,.45);color:#fff}.puzzle-tab{display:none}.puzzle-tab.active{display:block}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.puzzle-left,.puzzle-side{min-width:0}.puzzle-objective{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:17px 18px;border:1px solid var(--p-line);border-radius:16px 16px 0 0;background:var(--p-panel)}.puzzle-objective h2{margin:4px 0 4px;font-size:20px}.puzzle-objective p{margin:0;color:var(--p-muted);font-size:13px}.puzzle-kind,.page-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--p-blue)}.puzzle-clock{text-align:right}.puzzle-clock span{display:block;font-size:9px;color:var(--p-muted);font-weight:900}.puzzle-clock strong{font-variant-numeric:tabular-nums;font-size:24px}.puzzle-board-shell{position:relative;padding:14px 12px 12px;border:1px solid var(--p-line);border-top:0;border-radius:0 0 16px 16px;background:#09111b;overflow:hidden}.puzzle-turn-banner{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:8px;font-size:10px;color:var(--p-muted);font-weight:850}.puzzle-turn-banner strong{padding:5px 9px;border-radius:999px;background:rgba(87,183,255,.12);color:#dff2ff}.puzzle-sequence-status{width:min(780px,100%);margin:0 auto 10px;padding:8px 10px;border:1px solid rgba(87,183,255,.14);border-radius:10px;background:rgba(87,183,255,.045)}.puzzle-sequence-status>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:.08em;color:var(--p-muted);font-weight:900}.puzzle-sequence-status strong{color:#dff2ff}.puzzle-sequence-status span{color:var(--p-yellow)}.puzzle-progress-track{height:5px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.puzzle-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--p-blue),var(--p-green));transition:width .22s ease}.puzzle-board-wrap{display:flex;align-items:center;justify-content:center;gap:5px;overflow:auto;padding:4px 0 8px}.puzzle-board{display:grid;grid-template-columns:repeat(17,var(--cell));grid-template-rows:repeat(11,var(--cell));gap:2px;flex:0 0 auto}.puzzle-cell{position:relative;width:var(--cell);height:var(--cell);border:1px solid rgba(255,255,255,.055);border-radius:5px;background:#101a27;color:#dfe9f6;display:grid;place-items:center;font-weight:850;font-size:clamp(9px,1.25vw,13px);padding:0;cursor:default;transition:transform .12s ease,background .12s ease,border-color .12s ease}.puzzle-cell:nth-child(34n+1),.puzzle-cell:nth-child(34n+3),.puzzle-cell:nth-child(34n+5),.puzzle-cell:nth-child(34n+7),.puzzle-cell:nth-child(34n+9),.puzzle-cell:nth-child(34n+11),.puzzle-cell:nth-child(34n+13),.puzzle-cell:nth-child(34n+15),.puzzle-cell:nth-child(34n+17){background:#0d1722}.puzzle-cell.occupied{background:#172435;border-color:rgba(255,255,255,.15)}.puzzle-cell.owner-A{box-shadow:inset 0 0 0 1px rgba(87,183,255,.25)}.puzzle-cell.owner-B{box-shadow:inset 0 0 0 1px rgba(255,116,123,.22)}.puzzle-cell.active-token{outline:2px solid var(--p-yellow);outline-offset:-2px;background:#2a2717;color:#fff}.puzzle-cell.playable{cursor:pointer}.puzzle-cell.playable:focus-visible{outline:2px solid var(--p-blue);outline-offset:1px}.puzzle-cell.legal{cursor:pointer;border-color:rgba(99,227,160,.42);background:rgba(99,227,160,.09)}.puzzle-cell.legal:hover{transform:scale(.92);background:rgba(99,227,160,.18)}.puzzle-cell.wrong{animation:puzzleWrong .3s ease;background:rgba(255,116,123,.2);border-color:var(--p-red)}.puzzle-cell.solution{box-shadow:0 0 0 2px var(--p-green) inset,0 0 18px rgba(99,227,160,.35)}.puzzle-cell.last-move{box-shadow:0 0 0 2px rgba(255,214,107,.65) inset}.puzzle-goal{display:grid;grid-template-rows:repeat(3,var(--cell));gap:2px;align-self:center}.puzzle-goal i{width:12px;border-radius:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.puzzle-goal.legal i{background:rgba(99,227,160,.16);border-color:rgba(99,227,160,.5);cursor:pointer}.puzzle-goal.target i{box-shadow:0 0 13px rgba(99,227,160,.6);background:rgba(99,227,160,.25)}.puzzle-feedback{min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:7px;font-size:12px;color:var(--p-muted);font-weight:750}.puzzle-feedback.good{color:var(--p-green)}.puzzle-feedback.bad{color:var(--p-red)}.puzzle-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.puzzle-controls button{flex:1}.puzzle-controls button.active{border-color:rgba(99,227,160,.42);color:var(--p-green)}.puzzle-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.puzzle-mini-stats>div,.profile-stat,.puzzle-leaderboard,.puzzle-result,.practice-hero,.stats-grid article,.puzzle-history{border:1px solid var(--p-line);border-radius:13px;background:var(--p-panel);padding:12px}.puzzle-mini-stats span,.profile-stat span,.result-grid span,.stats-grid span{display:block;color:var(--p-muted);font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.puzzle-mini-stats strong{display:block;margin-top:4px;font-size:15px}.puzzle-side{display:grid;gap:10px;align-content:start}.puzzle-profile-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-stat strong{display:block;margin-top:5px}.puzzle-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.puzzle-panel-title h3{margin:2px 0 0;font-size:15px}.puzzle-panel-title button{padding:7px 10px}.puzzle-leaderboard-list{margin-top:10px;display:grid;gap:6px}.leader-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:#0a121c;font-size:12px}.leader-row strong{overflow:hidden;text-overflow:ellipsis}.leader-row em{font-style:normal;color:var(--p-yellow);font-weight:900}.puzzle-muted{color:var(--p-muted);font-size:12px}.hidden{display:none!important}.puzzle-result{text-align:center;border-color:rgba(99,227,160,.24);background:linear-gradient(180deg,rgba(99,227,160,.07),#0d1520)}.result-burst{font-size:30px}.puzzle-result h2{margin:4px 0;font-size:34px;color:var(--p-green)}.puzzle-result p{margin:0 0 12px;color:var(--p-muted);font-size:12px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.result-grid>div{padding:8px;border-radius:9px;background:#09111b}.result-grid strong{display:block;margin-top:3px}.puzzle-result button{width:100%;margin-top:7px}.puzzle-primary{background:linear-gradient(135deg,#238bd0,#4269d8)!important;border-color:rgba(87,183,255,.5)!important;color:#fff!important}.practice-hero{padding:24px}.practice-hero h2{margin:5px 0}.practice-hero p{color:var(--p-muted)}.practice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.practice-status{margin-top:10px;padding:13px;border-radius:11px;background:#0b1420;color:var(--p-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-grid article{text-align:center}.stats-grid strong{display:block;margin-top:7px;font-size:31px}.stats-grid small{color:var(--p-muted)}.puzzle-history{margin-top:12px}.history-list{display:grid;gap:6px;margin-top:10px}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:9px;border-radius:9px;background:#0a121c;font-size:12px}.history-row span{color:var(--p-muted)}@keyframes puzzleWrong{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(prefers-reduced-motion:reduce){.puzzle-cell,.puzzle-progress-track i{transition:none}.puzzle-cell.wrong{animation:none}}@media(max-width:980px){:root{--cell:min(4.45vw,40px)}.puzzle-layout{grid-template-columns:1fr}.puzzle-side{grid-template-columns:1fr 1fr}.puzzle-result{grid-column:1/-1}}@media(max-width:680px){:root{--cell:5.05vw}.puzzle-page{width:calc(100% - 16px);padding-top:18px}.puzzle-heading{align-items:flex-start}.puzzle-difficulty{font-size:9px}.puzzle-objective{padding:13px}.puzzle-objective h2{font-size:17px}.puzzle-clock strong{font-size:19px}.puzzle-board-shell{padding-left:4px;padding-right:4px}.puzzle-sequence-status{padding:7px 8px}.puzzle-board-wrap{gap:2px;justify-content:flex-start}.puzzle-board{gap:1px}.puzzle-cell{border-radius:3px}.puzzle-goal{gap:1px}.puzzle-goal i{width:8px}.puzzle-side{grid-template-columns:1fr}.puzzle-profile-card{grid-template-columns:1fr 1fr}.puzzle-mini-stats{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.puzzle-tabs button{flex:1;padding:9px 6px;font-size:11px}}