body.game-shell{--panel-width: clamp(330px, 25vw, 405px);--pack-ink: #173b49;--pack-cyan: #63ccdc;--pack-paper: #fffef9;--pack-orange: #f28a2e;background:#eef7f5;color:var(--pack-ink)}body.game-shell .play-stage{min-height:700px;background:radial-gradient(circle at 69% 38%,#fffffffa 0 24%,#f4fbf9fa 62%,#e6f2ef)}body.game-shell #scene{position:absolute;inset:0 0 0 auto;width:calc(100% - var(--panel-width));height:100%;padding:clamp(18px,2.5vw,40px);overflow:auto;display:grid;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none}.pack-board{width:min(100%,940px);max-width:100%;min-width:0;min-height:min(610px,calc(100svh - 120px));display:grid;place-items:center}.pack-card{width:min(100%,900px);max-width:100%;min-width:0;display:grid;place-items:center;gap:clamp(14px,2vw,24px);padding:clamp(14px,2.2vw,28px);border:2px solid rgba(90,202,218,.58);border-radius:30px;background:#fffffcf0;box-shadow:0 22px 60px #285b6124;box-sizing:border-box;overflow:hidden}.pack-card>*{min-width:0;max-width:100%}body.game-shell .topbar,body.game-shell .clue-card,body.game-shell .panel{border-color:#23515b4d;background:color-mix(in srgb,#fff 92%,transparent)}body.game-shell .eyebrow,body.game-shell .clue-label,body.game-shell .hint{color:#ce641e}body.game-shell button{border-color:#214a56;background:#e9742c;box-shadow:0 5px #9d4218}body.game-shell button:disabled{opacity:.46;cursor:not-allowed}.choice-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pack-choice,.pack-choice:hover,.pack-choice:active{min-width:0;min-height:92px;display:grid;grid-template-rows:minmax(56px,1fr) auto;place-items:center;gap:8px;padding:10px;border:2px solid #d4e3df;border-radius:20px;background:#fff;color:#244852;box-shadow:0 6px 16px #1f495314;transform:none;font-size:.93rem}.pack-choice:hover{border-color:#6bcbd6;filter:none}.pack-choice.selected{border-color:#e46c25;background:#fff6e8;box-shadow:0 0 0 4px #eb77292e}.choice-visual{width:100%;height:100%;min-width:0;min-height:52px;display:grid;place-items:center;overflow:hidden;font-size:clamp(2rem,5vw,3.6rem)}.sequence-card{max-width:760px}.sequence-grid{width:min(100%,480px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,18px);padding:18px;border-radius:25px;background:#f6fbfa}.pack-sprite{display:block;width:100%;max-width:100%;min-width:0;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.pack-sprite.mirror{transform:scaleX(-1)}.pack-sprite.face-tilt{transform:rotate(-8deg)}.hex-tile{position:relative;width:min(100%,128px);aspect-ratio:1.12;display:grid;place-items:center;color:#fff;font-size:clamp(1.4rem,4vw,3rem);font-weight:800;background:none;box-shadow:none}.hex-tile .pack-sprite{position:absolute;inset:0;width:100%;height:100%}.hex-tile b{position:relative;z-index:1;text-shadow:0 2px 0 rgba(40,18,32,.28)}.hex-tile.vertical b{transform:rotate(90deg)}.missing-cell{display:grid;place-items:center;aspect-ratio:1.12;border:4px dashed #eb6b35;border-radius:28px;color:#e9563b;font:900 clamp(2.3rem,7vw,5rem)/1 Nunito,sans-serif}.sequence-card .pack-choice .hex-tile{width:75px;font-size:1.4rem}.sudoku-card{max-width:690px}.sudoku-grid{width:min(76svh,100%,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:4px solid #203f4b;background:#203f4b;gap:1px}.sudoku-cell,.sudoku-cell:hover,.sudoku-cell:active{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#fff;color:#24434d;box-shadow:none;transform:none;font-size:clamp(.82rem,2.3vw,1.45rem)}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:3px solid #203f4b}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #203f4b}.sudoku-cell.given{background:#e6e5f0;color:#152f38;opacity:1}.sudoku-cell.selected{background:#ffedab;box-shadow:inset 0 0 0 3px #ef9a2f}.number-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.number-palette button,.number-palette button:hover,.number-palette button:active{width:43px;height:43px;min-width:0;min-height:0;padding:0;border-width:2px;box-shadow:0 3px #214a56;transform:none}.number-palette .erase{width:auto;padding-inline:13px;background:#6b7f85}.map-card{max-width:850px}.map-svg{width:min(100%,740px);height:auto;filter:drop-shadow(0 12px 14px rgba(49,88,86,.12))}.color-dot{width:58px;height:58px;border-radius:50%;border:4px solid white;box-shadow:0 0 0 2px #b8cbc8}.color-dot.blue{background:#31a9db}.color-dot.yellow{background:#ffd33d}.color-dot.green{background:#93c83e}.dog-card{max-width:900px;min-width:0}.dog-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dog-grid .pack-choice{min-height:150px}.dog-grid .pack-sprite{width:100%;height:112px}.pieces-card{max-width:880px}.fragment-svg{width:min(100%,760px);height:auto}.object-choices .pack-sprite{width:72px;height:72px}.equation-card{max-width:830px}.scale-board{width:min(100%,760px);display:grid;gap:18px}.scale-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;padding-bottom:22px}.scale-row.tipped{align-items:start}.scale-pan{display:flex;justify-content:center;align-items:end;gap:4px;min-height:86px}.scale-pan .pack-sprite{width:58px;height:58px}.scale-beam{position:absolute;left:8%;right:8%;bottom:18px;height:8px;border-radius:8px;background:#f29a38}.scale-row.tipped .scale-beam{transform:rotate(-4deg)}.scale-fulcrum{position:absolute;left:50%;bottom:0;width:0;height:0;border:16px solid transparent;border-bottom-color:#4fa46d;transform:translate(-50%)}.equation-card .pack-choice .pack-sprite{width:48px;height:48px}.black-count{font-weight:800;color:#244852}.cars-card{max-width:700px}.car-table{width:min(100%,540px);display:grid;grid-template-columns:repeat(4,1fr) 44px;gap:4px;padding:6px;border-radius:20px;background:#c9eb3d}.car-cell{min-height:80px;display:grid;place-items:center;border-radius:12px;background:#ffffff1f;padding:4px}.sum{display:grid;place-items:center;color:#244852;font-size:1.25rem}.car-cell .pack-sprite{width:100%;max-width:92px;height:52px}.loop-card{max-width:690px}.loop-board{position:relative;width:min(72svh,100%,560px);aspect-ratio:1;margin:14px}.loop-cell{position:absolute;left:calc(var(--c) * 20% + 2%);top:calc(var(--r) * 20% + 2%);width:16%;height:16%;display:grid;place-items:center;background:#e7f1f1;color:#1b353f;font-size:clamp(1.1rem,4vw,2.3rem);font-weight:900}.loop-dot{position:absolute;left:calc(var(--c) * 20% - 1%);top:calc(var(--r) * 20% - 1%);width:2%;aspect-ratio:1;min-width:8px;border-radius:50%;background:#e9413e;transform:translate(-1px,-1px);z-index:3;pointer-events:none}.loop-edge,.loop-edge:hover,.loop-edge:active{position:absolute;min-width:0;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;transform:none;z-index:2}.loop-edge.horizontal{left:calc(var(--c) * 20% + 1%);top:calc(var(--r) * 20% - 1%);width:18%;height:4%}.loop-edge.vertical{left:calc(var(--c) * 20% - 1%);top:calc(var(--r) * 20% + 1%);width:4%;height:18%}.loop-edge:after{content:"";position:absolute;inset:35% 4%;border-radius:8px;background:#d7dfde}.loop-edge.vertical:after{inset:4% 35%}.loop-edge.on:after{background:#efaa2f;box-shadow:0 0 0 2px #d87824}.cut-card{max-width:860px}.cut-choices svg{width:min(100%,180px);height:auto}.difference-card{max-width:1050px;padding:12px;min-width:0}.difference-pair{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.difference-scene{position:relative;border:3px solid #fff;border-radius:20px;box-shadow:0 8px 20px #224a5629;overflow:hidden;min-width:0}.difference-scene>span{position:absolute;left:10px;top:8px;z-index:3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#234852;font-weight:900}.difference-scene .pack-sprite{display:block;width:100%;height:auto}.diff-hotspot,.diff-hotspot:hover,.diff-hotspot:active{position:absolute;width:12%;aspect-ratio:1;min-width:28px;min-height:28px;padding:0;transform:translate(-50%,-50%);border:2px dashed transparent;background:#ffffff05;box-shadow:none}.diff-hotspot.found{border-color:#ef443b;background:#ffffff26;box-shadow:0 0 0 3px #ffec53bf}.diff-hotspot.found:after{content:"✓";display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:1.3rem;text-shadow:0 2px 4px #a32d27}.pepper-card{max-width:700px}.pepper-grid{width:min(76svh,100%,580px);display:grid;grid-template-columns:36px repeat(8,1fr);gap:2px;padding:8px;background:#9f2f68;border-radius:20px}.pepper-corner,.pepper-clue{display:grid;place-items:center;min-width:0;min-height:30px;color:#fff}.pepper-cell,.pepper-cell:hover,.pepper-cell:active{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:5px;background:#fffaf0;box-shadow:none;transform:none;font-size:clamp(1rem,3vw,2rem)}.pepper-cell.pepper{opacity:1;background:#fff7c7}.pepper-cell.eggplant{background:#dff3c3}.pepper-cell .pack-sprite{width:86%;height:86%}.faces-card{max-width:880px}.face-sequence{width:100%;display:grid;grid-template-columns:repeat(8,minmax(46px,1fr));gap:9px;padding:18px;border:5px solid #9b2f6d;border-radius:999px;background:#fffbd5;align-items:center}.face-sequence .pack-sprite{width:min(100%,82px);height:auto;margin:auto}.face-missing{display:grid;place-items:center;color:#e34238;font-size:clamp(2rem,5vw,4rem);font-weight:900}.faces-card .pack-choice .pack-sprite{width:62px}.clown-card{max-width:1040px;min-width:0;grid-template-columns:190px minmax(0,1fr)}.clown-reference{display:grid;place-items:center;width:100%;padding:8px;border:3px solid #edb33d;border-radius:22px;background:#fffbe8;font-weight:900}.clown-reference .pack-sprite{width:100%;max-height:220px}.clown-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.clown-grid .pack-choice{min-height:150px;padding:5px}.clown-grid .pack-sprite{width:100%;height:120px}.knight-card{max-width:680px}.knight-board{width:min(74svh,100%,570px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:4px solid #1d5264}.knight-cell,.knight-cell:hover,.knight-cell:active{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#f7fbf8;box-shadow:none;transform:none}.knight-cell.dark{background:#183a43}.knight-cell.selected{box-shadow:inset 0 0 0 5px #ee9c2d}.knight-cell.selected:after{content:"♞";color:#ed7b2e;font-size:clamp(1rem,4vw,2.7rem)}.knight-disc{display:block;width:56%;aspect-ratio:1;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff73}.knight-disc.red{background:#e63638}.knight-disc.yellow{background:#f3c232}.knight-disc.blue{background:#42a8d8}.board-coordinates{width:min(74svh,100%,570px);display:grid;grid-template-columns:repeat(8,1fr);text-align:center;font-weight:900;color:#4d6a70}@media(max-width:1050px){body.game-shell{--panel-width: 300px}.pack-card{border-radius:22px}.dog-grid .pack-choice{min-height:124px}}@media(max-width:760px){body.game-shell .play-stage{height:auto;min-height:830px}body.game-shell .play-stage #app{min-height:830px}body.game-shell #scene{inset:auto 0 0;width:100%;max-width:100%;padding:205px 10px 100px;overflow-x:hidden;min-width:0}.pack-board,.pack-card{width:100%;max-width:calc(100vw - 20px)}.difference-scene .pack-sprite{width:100%;max-width:100%}body.game-shell .hud-left{width:calc(100% - 20px);max-width:300px}.pack-board{min-height:500px}.pack-card{padding:10px;gap:12px}.choice-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-pair{grid-template-columns:1fr}.dog-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.dog-grid .pack-choice{min-height:100px;min-width:0;padding:3px}.dog-grid .pack-sprite{height:72px}.clown-card{grid-template-columns:1fr}.clown-reference{max-width:200px;margin-inline:auto}.clown-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.face-sequence{gap:3px;padding:8px;border-width:3px}.car-cell{min-height:58px}.car-cell .pack-sprite{height:40px}.scale-pan .pack-sprite{width:42px;height:42px}}@media(max-width:430px){.sequence-grid{padding:8px}.hex-tile{box-shadow:none}.dog-grid .pack-choice strong,.clown-grid .pack-choice strong{font-size:.78rem}.pepper-grid{grid-template-columns:26px repeat(8,1fr);padding:5px;gap:1px}.number-palette button{width:36px;height:36px}}body.game-shell .pack-choice,body.game-shell .pack-choice:hover,body.game-shell .pack-choice:active{background:#fff;color:#244852;box-shadow:0 6px 16px #1f495314;transform:none}body.game-shell .pack-choice.selected{background:#fff6e8}body.game-shell .sudoku-cell,body.game-shell .sudoku-cell:hover,body.game-shell .sudoku-cell:active{background:#fff;color:#24434d;box-shadow:none;transform:none}body.game-shell .sudoku-cell.given{background:#e6e5f0;color:#152f38}body.game-shell .sudoku-cell.selected{background:#ffedab;box-shadow:inset 0 0 0 3px #ef9a2f}body.game-shell .loop-edge,body.game-shell .loop-edge:hover,body.game-shell .loop-edge:active,body.game-shell .diff-hotspot,body.game-shell .diff-hotspot:hover,body.game-shell .diff-hotspot:active{background:transparent;box-shadow:none;transform:none}body.game-shell .diff-hotspot,body.game-shell .diff-hotspot:hover,body.game-shell .diff-hotspot:active{transform:translate(-50%,-50%);border:2px dashed transparent}body.game-shell .diff-hotspot.found{border-color:#ef443b;background:#ffffff26;box-shadow:0 0 0 3px #ffec53bf}body.game-shell .pepper-cell,body.game-shell .pepper-cell:hover,body.game-shell .pepper-cell:active{background:#fffaf0;box-shadow:none;transform:none}body.game-shell .pepper-cell.pepper{background:#fff7c7}body.game-shell .pepper-cell.eggplant{background:#dff3c3}body.game-shell .pepper-cell.pepper:disabled,body.game-shell .knight-cell:disabled{opacity:1}body.game-shell .knight-cell,body.game-shell .knight-cell:hover,body.game-shell .knight-cell:active{background:#f7fbf8;box-shadow:none;transform:none}body.game-shell .knight-cell.dark{background:#183a43}body.game-shell .knight-cell.selected{box-shadow:inset 0 0 0 5px #ee9c2d}