.puzzle-page .hero h1{text-align:center;font-size:clamp(26px,4vw,38px)}.puzzle-settings.mode-panel{background:0 0;border:0;padding:10px 0;display:block}.puzzle-settings label{gap:8px;max-width:280px;font-weight:700;display:grid}.puzzle-settings select{font:inherit;color:#18312d;background:#fffaf0;border:1px solid #a4b8ad;border-radius:10px;padding:12px;font-size:16px}#puzzleGame .standard-surface{max-width:490px;margin-inline:auto}#puzzleStats{flex:1;gap:24px;display:flex}#puzzleStats span{gap:2px;display:grid}#puzzleStats small{color:#66756e;font-size:12px}#puzzleStats strong{font-variant-numeric:tabular-nums;font-size:21px}#puzzleBoard{grid-template-columns:repeat(var(--puzzle-size,4),minmax(0,1fr));background:#112b26;border-radius:18px;gap:10px;padding:14px;display:grid;box-shadow:inset 0 3px 9px #081c1766}.puzzle-tile{aspect-ratio:1;color:#18312d;cursor:pointer;background:linear-gradient(145deg,#f5db9b,#ddb968);border:1px solid #ffe9b3;border-radius:13px;place-items:center;min-height:44px;font-family:inherit;font-size:clamp(25px,6vw,40px);font-weight:800;transition:background .16s,transform .16s;display:grid;position:relative;box-shadow:0 4px #96753a}.puzzle-tile:disabled{opacity:1;cursor:default}.puzzle-tile.placed{background:linear-gradient(145deg,#dcebdd,#afccbd);border-color:#d4e4d9;box-shadow:0 4px #6e9483}.puzzle-tile.movable:after{content:"";background:#fffaf0;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.puzzle-tile.movable:hover{transform:translateY(-2px)}.puzzle-tile:focus-visible{outline-offset:3px;outline:3px solid #eb9378}.puzzle-tile.empty{box-shadow:none;background:#ffffff06;border:1px dashed #668378}.puzzle-example{grid-template-columns:1fr 1fr;gap:20px;max-width:440px;margin:20px auto;display:grid}.puzzle-example figure{margin:0}.puzzle-example figcaption{margin-bottom:8px;font-weight:700}.puzzle-example-grid{background:#18312d;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid}.puzzle-example-grid span{aspect-ratio:1;color:#18312d;background:#f4d58f;border-radius:4px;place-items:center;font-weight:700;display:grid}.puzzle-example-grid .empty{background:0 0;border:1px dashed #87a095}.puzzle-steps{padding-left:24px}.puzzle-steps li{margin-bottom:12px}.puzzle-page #resultDialog h2{padding-inline:32px}@media (width<=420px){#puzzleBoard{gap:7px;padding:9px}.puzzle-tile{border-radius:9px}.puzzle-tile.movable:after{width:5px;height:5px;top:5px;right:5px}}@media (prefers-reduced-motion:reduce){.puzzle-tile{transition:none}}