.cl-game{isolation:isolate;color:#e2e8f0;background:radial-gradient(at 95% 5%,#462d6555,#0000 45%),radial-gradient(at 0 90%,#19516d55,#0000 45%),#0b1429;border:1px solid #7454ae;border-radius:22px;width:100%;max-width:620px;margin:auto;padding:clamp(9px,2.5vw,20px);position:relative;overflow:hidden;box-shadow:0 0 0 4px #16233c,0 0 20px #a855f724}.cl-game:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#c7eafa 1px,#0000 1.5px);background-size:91px 119px;position:absolute;inset:0}.cl-game button:not(.game-icon-button),.cl-panel-actions a{color:#e2e8f0;min-height:46px;font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(150deg,#213e5a,#121e38);border:1px solid #41618b;border-radius:11px;padding:10px;font-weight:750}.cl-game button:disabled{opacity:.4;cursor:default}.cl-game button:focus-visible,.cl-game a:focus-visible,.cl-board:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.cl-toolbar{justify-content:space-between;align-items:center;gap:5px;display:flex}.cl-brand{white-space:nowrap;letter-spacing:.035em;font-size:clamp(10px,2.8vw,15px);font-weight:850}.cl-brand>span{color:#67e8f9;vertical-align:middle;font-size:24px}.cl-toolbar .game-toolbar-actions{gap:4px}.cl-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:14px 0;display:grid}.cl-hud>div{text-align:center;background:#0c1b32;border:1px solid #284566;border-radius:10px;padding:9px 2px}.cl-hud dt{letter-spacing:.04em;color:#b0c4da;font-size:9px}.cl-hud dd{color:#67e8f9;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(16px,4vw,23px);font-weight:850}.cl-hud>div:last-child dd{color:#fbbf24}.cl-heading{justify-content:space-between;gap:8px;margin:12px 0 9px;font-size:12px;display:flex}.cl-heading>span{color:#b9c9df;white-space:nowrap}.cl-board-wrap{background:linear-gradient(135deg,#263c58,#0c172a);border:1px solid #526486;border-radius:14px;padding:7px;position:relative;box-shadow:inset 0 0 0 3px #0b192b}.cl-board{grid-template-columns:repeat(var(--n), minmax(0, 1fr));grid-template-rows:repeat(var(--n), minmax(0, 1fr));aspect-ratio:1;touch-action:none;user-select:none;gap:2px;width:100%;min-width:0;display:grid;position:relative}.cl-cell{background:linear-gradient(135deg,#24364b,#192a3d);border:1px solid #2a3f56;border-radius:3px;min-width:0;min-height:0;position:relative}.cl-cell[data-terrain=WALL]{background:linear-gradient(135deg,#4b5c75,#21334e 45%,#101f34);border:1px solid #60728e;box-shadow:inset 0 0 0 2px #18273d}.cl-cell[data-terrain=WALL]:before{content:"";opacity:.65;border-top:2px solid #9bacc4;border-bottom:2px solid #344a64;position:absolute;inset:17%}.cl-cell[data-terrain=TARGET]:before{content:"";border:2px solid #fbbf24;border-radius:50%;position:absolute;inset:13%;box-shadow:0 0 5px #fbbf242e}.cl-cell.is-occupied:before{background:#fbbf241f;border-width:3px;border-color:#fde68a;inset:2%}.cl-cell.is-occupied:after{content:"✓";z-index:2;color:#fff5b1;text-shadow:0 1px 2px #060b18;font-size:12px;font-weight:900;position:absolute;bottom:-1px;right:0}.cl-actor{width:calc((100% - (var(--n) - 1) * 2px) / var(--n));height:calc((100% - (var(--n) - 1) * 2px) / var(--n));pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.cl-actor svg{width:90%;height:90%;overflow:visible}.cl-robot{z-index:3}.cl-robot svg{filter:drop-shadow(0 0 3px #38bdf835)}.cl-crate.is-stuck{outline-offset:-3px;border-radius:4px;outline:2px solid #fda4af}.cl-cell.is-hint{outline-offset:-3px;z-index:1;outline:3px solid #fbbf24}.cl-game button.cl-curtain{color:#a5e7ff;z-index:4;background:#081326f5;border:1px solid #527a9c;border-radius:14px;place-content:center;justify-items:center;gap:18px;width:100%;padding:14px;font-weight:850;display:grid;position:absolute;inset:0}.cl-paused-label{font-size:clamp(24px,6vw,32px)}.cl-resume-action{color:#fff;background:linear-gradient(135deg,#a21caf,#6d28d9);border:2px solid #f0abfc;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:min(100%,260px);min-height:54px;padding:12px 18px;font-size:clamp(16px,4.5vw,21px);display:flex;box-shadow:0 0 22px #c026d355}.cl-resume-help{color:#e2e8f0;font-size:12px;font-weight:500}.cl-game .cl-curtain:focus-visible{outline-offset:-5px;outline:3px solid #fbbf24}.cl-controls{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;margin-top:14px;display:grid}.cl-dpad{grid-template:repeat(3,52px)/repeat(3,minmax(44px,1fr));gap:6px;width:100%;max-width:340px;display:grid}.cl-dpad [data-dir=UP]{grid-area:1/2}.cl-dpad [data-dir=LEFT]{grid-area:2/1}.cl-dpad [data-dir=RIGHT]{grid-area:2/3}.cl-dpad [data-dir=DOWN]{grid-area:3/2}.cl-game .cl-dpad button{background:linear-gradient(145deg,#1c5e8a,#122b4c);border-color:#4684b6;padding:4px;font-size:22px}.cl-dpad button.is-hint{outline-offset:-3px;color:#fde68a;outline:3px solid #fbbf24}.cl-utilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:440px;display:grid}.cl-game .cl-utilities button{padding:8px 3px;font-size:12px}.cl-game [data-cl-hint]{color:#fde68a;border-color:#a2843e}.cl-status{text-align:center;color:#b8cce2;min-height:38px;margin:12px 0;font-size:12px;line-height:1.5}.cl-status.is-warning{color:#fecaca;background:#3d2336;border:1px solid #8c5362;border-radius:9px;padding:9px}.cl-panel{text-align:center;background:linear-gradient(145deg,#192a49ee,#0a142dee);border:1px solid #514783;border-radius:17px;padding:22px 15px}.cl-eyebrow{letter-spacing:.1em;color:#7dd3fc;font-size:9px;font-weight:800}.cl-panel h2{letter-spacing:-.03em;color:#67e8f9;text-shadow:0 2px #1c5276;margin:15px 0;font-size:clamp(27px,7vw,42px);font-weight:950;line-height:1.1}.cl-panel h2 em{color:#e879f9;font-style:normal}.cl-emblem{filter:drop-shadow(0 0 6px #38bdf830);width:100%;max-width:200px;height:auto;margin:8px auto}.cl-panel p{font-size:14px;line-height:1.6}.cl-panel .cl-guide{color:#b3c5df;font-size:12px}.cl-panel .cl-result{color:#fde68a;white-space:pre-line;font-size:21px;font-weight:850}.cl-panel .cl-record{color:#d2def1;white-space:pre-line;font-size:12px}.cl-panel-actions{gap:8px;margin-top:18px;display:grid}.cl-panel-actions a{place-items:center;font-size:12px;text-decoration:none;display:grid}.cl-game .cl-primary{background:linear-gradient(130deg,#b71cdb,#6923c7);border-color:#d986ee;box-shadow:0 0 12px #a855f725}.cl-select{background:#101b34;border:1px solid #44527e;border-radius:15px;padding:12px}.cl-select-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.cl-select h3{color:#9ce9ff;font-size:12px}.cl-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.cl-list button{text-align:left;flex-direction:column;align-items:flex-start;gap:5px;display:flex;font-size:12px!important}.cl-list small{color:#b7cbe0;font-size:10px;font-weight:400}.cl-list strong{color:#fde68a}.cl-select>p,.cl-help{color:#9eb5cf;font-size:10px;line-height:1.6}.cl-help{text-align:center;margin:12px 0 0}.cl-effects{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.cl-effects i{background:#fbbf24;border-radius:2px;width:5px;height:8px;position:absolute;top:35%;left:50%}.cl-game[data-phase=CAMPAIGN_COMPLETE] .cl-panel{border-color:#fbbf24;box-shadow:inset 0 0 18px #fbbf2419}.cl-game [hidden]{display:none!important}@media (width<=350px){.cl-game{border-radius:17px;padding:8px}.cl-brand{letter-spacing:0;font-size:10px}.cl-brand>span{font-size:19px}.cl-toolbar .game-toolbar-actions{gap:2px}.cl-board-wrap{padding:5px}.cl-controls{gap:10px}.cl-hud dt{font-size:8px}}@media (prefers-reduced-motion:reduce){.cl-game *{transition:none!important;animation:none!important}.cl-robot svg,.cl-emblem{filter:none}}.game-viewport.is-expanded .cl-game{max-width:580px;margin:12px auto}.cl-completion{width:min(440px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#e2e8f0;overscroll-behavior:contain;background:#101b34;border:1px solid #67e8f9;border-radius:17px;margin:auto;padding:0;overflow:auto;box-shadow:0 0 28px #38bdf840}.cl-completion::backdrop{background:#020617c9}.cl-completion .cl-panel{border:0;padding:16px}.cl-completion .cl-emblem{width:105px;margin:0 auto}.cl-completion .cl-panel h2{margin:8px 0;font-size:clamp(25px,6vw,34px)}.cl-completion .cl-panel p{margin:6px 0;line-height:1.35}.cl-completion .cl-panel-actions{gap:6px;margin-top:10px}@media (height<=620px){.cl-completion .cl-emblem{display:none}.cl-completion .cl-panel{padding:12px}.cl-completion .cl-record{font-size:11px}}