.header-v8__links .nav-play{font-weight:700;color:#d3261d;transition:color .18s}
.header-v8__links .nav-play:hover,.header-v8__links .nav-play:focus-visible{color:var(--play-hover,#2457ba)}
.puzzle12{background:#f2f0ef;color:#141414;min-height:100svh;padding:125px var(--gut) 100px}
.puzzle12-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}
.puzzle12 h1{font-size:clamp(4.5rem,9vw,10rem);line-height:1;margin:0}
.puzzle12-intro p{font-size:clamp(21px,2vw,28px);line-height:1.45;margin:0;max-width:27ch}
.puzzle12-stage{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:6vw;align-items:start}
.puzzle12-art{position:relative;display:grid;place-items:center;min-height:400px;background:#e6e0d8;padding:25px;overflow:hidden}
.puzzle12-board{--pieces:3;--art-ratio:.8;width:min(100%,calc(70svh * var(--art-ratio)));aspect-ratio:var(--art-ratio);display:grid;grid-template-columns:repeat(var(--pieces),1fr);grid-template-rows:repeat(var(--pieces),1fr);gap:2px;touch-action:none;position:relative;background:#141414;transition:gap .3s}
.puzzle12-piece{border:0;padding:0;background-repeat:no-repeat;min-width:0;min-height:0;cursor:grab;outline-offset:-4px;transition:filter .2s;user-select:none;-webkit-user-select:none}
.puzzle12-piece[aria-pressed=true],.puzzle12-piece.is-dragging{outline:3px solid #fff;outline-offset:-4px;filter:brightness(.8);z-index:1;cursor:grabbing}
.puzzle12-piece:focus-visible{outline:3px solid #fff;z-index:2}
.puzzle12-board.is-solved{gap:0}.puzzle12-board.is-solved button{cursor:default}.puzzle12-board.is-peeking{visibility:hidden}
.puzzle12-preview{position:absolute;width:calc(100% - 50px);height:calc(100% - 50px);object-fit:contain;pointer-events:none}.puzzle12-preview[hidden]{display:none}
.puzzle12-controls h2{font-size:27px;line-height:1.2;margin:0 0 30px}
.puzzle12-levels{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:32px}
.puzzle12-levels button{border:1px solid #aaa39a;padding:11px 15px;border-radius:24px;background:none;font:inherit;font-size:15px;cursor:pointer}
.puzzle12-levels button[aria-pressed=true]{background:#141414;color:#fff;border-color:#141414}
.puzzle12-controls p{font-size:18px;line-height:1.5;max-width:27ch}
.puzzle12-stats{display:flex;gap:40px;border-top:1px solid #aaa39a;border-bottom:1px solid #aaa39a;padding:22px 0;margin:30px 0}
.puzzle12-stats dt{font-size:12px;color:#555;margin-bottom:9px}.puzzle12-stats dd{font-size:32px;margin:0;font-variant-numeric:tabular-nums}
.puzzle12-actions{display:grid;gap:12px;margin:28px 0}
.puzzle12-actions button{background:none;border:0;border-bottom:1px solid #aaa39a;padding:12px 0;text-align:left;font:inherit;font-size:17px;cursor:pointer}
.puzzle12-actions button[aria-pressed=true]{font-weight:600}.puzzle12-status{min-height:3em}.puzzle12-result a{color:inherit;text-underline-offset:5px;font-size:18px}
@media(max-width:820px){.puzzle12{padding:105px var(--gut) 65px}.puzzle12-intro{display:block;margin-bottom:40px}.puzzle12-intro p{margin-top:30px}.puzzle12-stage{display:flex;flex-direction:column;gap:35px}.puzzle12-art{width:100%;min-height:0;padding:12px;order:1}.puzzle12-controls{display:contents}.puzzle12-controls h2{order:2;margin:0}.puzzle12-levels{order:0;margin-bottom:0}.puzzle12-controls>p{order:3;margin:0;max-width:35ch}.puzzle12-stats{order:4;margin:0;width:100%}.puzzle12-actions{order:5;margin:0;width:100%}.puzzle12-result{order:6}.puzzle12-preview{width:calc(100% - 24px);height:calc(100% - 24px)}.puzzle12-board{width:min(100%,calc(65svh * var(--art-ratio)))}.puzzle12-status{min-height:0}.puzzle12-intro h1{font-size:5.2rem}}
@media(prefers-reduced-motion:reduce){.puzzle12-board,.puzzle12-piece{transition:none}}
