:root{--pz-green:#1d6b53;--pz-ink:#123b30;--pz-paper:#faf8ed;--pz-line:#bcd8cc;--pz-soft:#e3f1e9}*{box-sizing:border-box}[hidden]{display:none!important}.pz-intro{margin:16px 0 28px}.pz-intro h1{font-size:clamp(32px,6vw,56px);letter-spacing:-.04em;margin:10px 0}.pz-reward{background:linear-gradient(135deg,#e0f2e8,#fff5cf);border:1px solid #bfd9ca;border-radius:24px;padding:24px;margin:24px 0}.pz-reward h2{margin-top:0}.pz-album,.pz-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pz-album{margin:20px 0}.pz-bird-card,.pz-choices form{overflow:hidden;background:#fff;border:1px solid #d3e2d9;border-radius:22px}.pz-bird-card>img,.pz-choices img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#faf8f1}.pz-bird-card>div{padding:16px}.pz-bird-card h3{margin:8px 0 16px;font-size:20px}.pz-bird-card .dg-eyebrow{min-height:28px;line-height:1.4}.pz-locked img{opacity:.65}.pz-lock-label{font-size:14px;display:block;min-height:48px}.pz-choices button{width:100%;border-radius:0;min-height:56px}.pz-bird-card form{margin:0}.pz-album button{width:100%}.pz-play-body{margin:0;background:radial-gradient(ellipse at top,#ddeade,#f6f3e8 70%);color:var(--pz-ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.pz-game{max-width:1260px;margin:auto;padding:12px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));min-height:100dvh}.pz-game button,.pz-game a{font:inherit;min-height:48px}.pz-game button{border:1px solid var(--pz-line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--pz-ink);cursor:pointer}.pz-game button:disabled{opacity:.6;cursor:default}.pz-game a{display:inline-flex;align-items:center;color:var(--pz-green);font-weight:750}.pz-game :focus-visible{outline:3px solid #b47510;outline-offset:3px}.pz-game-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pz-game-header h1{font-size:clamp(17px,3vw,24px);margin:0;line-height:1.2}.pz-game-header>div{text-align:center}.pz-game-header span{font-size:13px}.pz-rotate{margin:6px 0 12px;text-align:center;font-size:14px}.pz-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:22px;align-items:start}.pz-board-panel{min-width:0}.pz-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,600px);aspect-ratio:1;margin:auto;border:2px solid #44715c;border-radius:12px;overflow:hidden;background:#d7e6dd;box-shadow:0 12px 38px #16432c22;position:relative}.pz-game .pz-slot{min-height:0;padding:0;border:1px solid #aac5b4;border-radius:0;background:#edf2e9;aspect-ratio:1;position:relative;display:block}.pz-game .pz-slot::after{content:'';position:absolute;inset:0;background-image:var(--pz-image);background-size:600% 600%;background-position:var(--pz-position);opacity:0;pointer-events:none}.pz-game .pz-slot.pz-filled::after{opacity:1}.pz-game .pz-slot.pz-filled{opacity:1}.pz-board.pz-hint .pz-slot:not(.pz-filled)::after{opacity:.28}.pz-slot.pz-wrong{box-shadow:inset 0 0 0 4px #b3261e}.pz-slot.pz-wrong::before{content:'×';position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-size:36px;color:#b3261e;background:#ffffff80}.pz-tray-panel{background:#ffffffbf;padding:16px;border:1px solid #cbdccf;border-radius:20px;min-width:0}.pz-instructions p{font-size:14px;margin:4px 0 12px}.pz-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pz-game .pz-piece{aspect-ratio:1;padding:0;min-height:48px;background-image:var(--pz-image);background-size:600% 600%;background-position:var(--pz-position);border:2px solid #c6d8cc;border-radius:8px;touch-action:none;box-shadow:0 2px 4px #163c281a}.pz-game .pz-piece[aria-pressed=true]{border:3px solid #1d6b53;box-shadow:0 0 0 2px #f0ba38}.pz-pager{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.pz-pager span{font-size:13px}.pz-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pz-game .pz-tools button{flex:1;font-size:14px}.pz-reference{margin-top:12px}.pz-reference summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:650}.pz-reference img{width:100%;height:auto;display:block;border-radius:12px}.pz-status{min-height:26px;font-size:14px;text-align:center;margin:12px 0 6px}.pz-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.pz-footer [data-clock]{font-weight:700}.pz-paused,.pz-message{background:#fff;border-radius:18px;padding:20px;max-width:700px;margin:20px auto}.pz-paused h2{margin-top:0}.pz-completion{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border-radius:24px;overflow:hidden;margin:20px auto;max-width:940px}.pz-completion>img{width:100%;height:auto}.pz-completion>div{padding:24px}.pz-completion h2{font-size:32px;line-height:1.2}.pz-eyebrow{font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:var(--pz-green)}.pz-small{font-size:14px}.pz-completion button{background:var(--pz-green);color:white}.pz-skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:12px}.pz-skip:focus{top:10px}.pz-immersive .pz-game{max-width:none}.pz-immersive{overflow:auto}.pz-immersive .pz-game-header [data-fullscreen]{background:var(--pz-green);color:white}
@media(max-width:780px){.pz-album,.pz-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-workspace{grid-template-columns:1fr;gap:14px}.pz-tray{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.pz-tray-panel{padding:12px}.pz-completion{grid-template-columns:1fr}.pz-completion>img{max-height:50dvh;object-fit:contain}.pz-bird-card>div{padding:12px}.pz-bird-card h3{font-size:18px}.pz-reward{padding:18px}.pz-game-header>button{font-size:13px;padding:8px}.pz-tray .pz-piece{min-height:48px}}
@media(orientation:landscape) and (max-height:600px){.pz-game{padding-top:4px;padding-bottom:4px}.pz-game-header{height:48px;margin-bottom:6px}.pz-game-header h1{font-size:18px}.pz-rotate{display:none}.pz-workspace{grid-template-columns:minmax(288px,1fr) minmax(240px,.8fr);gap:14px;align-items:start}.pz-board{width:min(100%,calc(100dvh - 88px));min-width:288px}.pz-tray-panel{padding:8px}.pz-tray{grid-template-columns:repeat(4,minmax(48px,1fr));gap:4px;max-width:280px}.pz-piece{max-height:68px}.pz-instructions strong{display:none}.pz-instructions p{font-size:12px;margin:0 0 4px}.pz-pager{margin-top:4px}.pz-tools{margin-top:4px}.pz-tools button{font-size:12px!important}.pz-reference{margin-top:4px}.pz-status{font-size:12px;margin:4px 0}.pz-footer{font-size:10px}.pz-completion{grid-template-columns:1fr 1fr;margin-top:6px}.pz-completion>img{max-height:calc(100dvh - 90px);object-fit:contain}.pz-completion>div{padding:12px}.pz-completion h2{font-size:24px;margin:8px 0}.pz-completion p{font-size:14px;margin:6px 0}}
@media(prefers-reduced-motion:no-preference){.pz-slot.pz-filled::after{animation:pz-fit .18s ease-out}@keyframes pz-fit{from{opacity:.4}to{opacity:1}}}
/* Six columns in the landscape tray keep all controls in a short viewport.
   292 includes the board border: all 36 cell targets remain at least 48px. */
@media(orientation:landscape) and (max-height:600px) and (min-width:640px){.pz-workspace{grid-template-columns:minmax(292px,1fr) minmax(326px,.8fr)}.pz-board{min-width:292px}.pz-tray-panel{max-width:340px}.pz-tray{grid-template-columns:repeat(6,minmax(48px,1fr));max-width:none}.pz-piece{max-height:none}.pz-instructions{display:none}.pz-status{position:fixed;bottom:0;left:0;width:100%;z-index:3;background:#f6f3e8ed;min-height:20px;margin:0;padding:2px 8px;font-size:12px}.pz-footer{display:none}}
@media(orientation:landscape) and (max-height:600px) and (max-width:639px){.pz-workspace{grid-template-columns:1fr}.pz-board{width:292px;min-width:292px}.pz-tray{grid-template-columns:repeat(6,minmax(48px,1fr));max-width:none}}
@media(prefers-color-scheme:dark){.pz-play-body{background:#102a22;color:#e7f4e9}.pz-game{--pz-ink:#e7f4e9;--pz-green:#8bdbb9;--pz-line:#456557}.pz-game button,.pz-tray-panel,.pz-paused,.pz-message,.pz-completion{background:#193c2f;color:#e7f4e9}.pz-game .pz-piece{background-color:#faf8ed}.pz-game .pz-slot{background-color:#2c4a3b}.pz-completion button{color:#102a22}.pz-reward{background:#1b3b2e;color:#e8f6eb}.pz-bird-card,.pz-choices form{background:#173b2d;color:#e8f6eb}.pz-lock-label{color:#cbdcce}.pz-skip{color:#123b30}}
/* Approved 3:2 scenes: retain the entire landscape in the board and tiles.
   Minimum board dimensions keep every cell at least 48px high. On a narrow
   portrait phone, only the labelled board panel scrolls, never the page. */
.pz-bird-card>img,.pz-choices img{aspect-ratio:3/2;object-fit:contain}
.pz-scene .pz-board-panel{overflow-x:auto;overscroll-behavior-x:contain;padding:2px;border-radius:14px}
.pz-scene .pz-board{width:min(100%,840px);min-width:440px;aspect-ratio:3/2;grid-template-rows:repeat(6,minmax(0,1fr))}
.pz-scene .pz-slot{aspect-ratio:auto}
.pz-scene .pz-piece{aspect-ratio:3/2;min-height:48px;max-height:none}
@media(max-width:780px){.pz-scene .pz-tray{grid-template-columns:repeat(3,minmax(72px,1fr))}}
@media(orientation:landscape) and (max-height:600px){
 .pz-scene .pz-board{width:min(100%,calc(150dvh - 135px));min-width:440px}
 .pz-scene .pz-tray{grid-template-columns:repeat(4,minmax(72px,1fr));max-width:none}
}
@media(orientation:landscape) and (max-height:600px) and (min-width:800px){
 .pz-scene .pz-workspace{grid-template-columns:minmax(444px,1fr) minmax(318px,.7fr)}
 .pz-scene .pz-tray-panel{max-width:340px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:799px){
 .pz-scene .pz-workspace{grid-template-columns:1fr}
 .pz-scene .pz-tray-panel{width:100%;max-width:none}
}
/* True jigsaw silhouettes: one continuous image, shared curved seams.
   The large transparent button remains an accessible touch/keyboard target. */
.pz-scene .pz-board{border:0;border-radius:8px;box-shadow:0 0 0 2px #658373,0 10px 30px #163c2825;background:repeating-linear-gradient(35deg,#eee7d5,#eee7d5 3px,#f2ebda 3px,#f2ebda 6px)}
.pz-scene .pz-slot{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible;z-index:0}
.pz-scene .pz-slot::after,.pz-scene .pz-slot::before{display:none}
.pz-jigsaw{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.pz-depth,.pz-shine{display:none}
.pz-slot>.pz-jigsaw{position:absolute;inset:0}
.pz-slot .pz-picture{opacity:0}
.pz-cut{fill:none;stroke:#637868;stroke-width:.8}
.pz-slot:not(.pz-filled) .pz-cut{fill:#f2ecdde8}
.pz-board.pz-hint .pz-slot:not(.pz-filled) .pz-picture{opacity:.3}
.pz-board.pz-hint .pz-slot:not(.pz-filled) .pz-cut{fill:none}
.pz-slot.pz-filled{z-index:1;pointer-events:none}
.pz-slot.pz-filled .pz-picture{opacity:1}
.pz-slot.pz-filled .pz-cut{stroke:#fff8;stroke-width:.6}
.pz-slot.pz-wrong .pz-cut{stroke:#b3261e;stroke-width:3;fill:#fbe6e666}
.pz-scene .pz-piece{border:0!important;box-shadow:none!important;padding:12px!important;background:transparent!important;aspect-ratio:1.4;overflow:visible}
.pz-piece>.pz-jigsaw{filter:drop-shadow(1px 2px 2px #123b3059)}
.pz-piece .pz-cut{stroke:#fff9;stroke-width:.7}
.pz-piece[aria-pressed=true] .pz-cut{stroke:#b87500;stroke-width:2}
.pz-piece[aria-pressed=true]>.pz-jigsaw{filter:drop-shadow(0 0 3px #ddad38)}
.pz-scene .pz-tray{grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;max-width:480px;margin:auto}
.pz-drag-ghost{position:fixed;transform:translate(-50%,-50%);z-index:10000;pointer-events:none;filter:drop-shadow(0 5px 5px #14392c66)}
.pz-drag-ghost .pz-cut{stroke:#fff;stroke-width:1}
@media(orientation:landscape) and (max-height:600px){
 .pz-scene .pz-tray{grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px}
 .pz-scene .pz-tray-panel{max-height:calc(100dvh - 80px);overflow-y:auto}
}
@media(prefers-color-scheme:dark){
 .pz-scene .pz-board{background:#263e32}
 .pz-slot:not(.pz-filled) .pz-cut{fill:#304437;stroke:#72937e}
 .pz-board.pz-hint .pz-slot:not(.pz-filled) .pz-cut{fill:none}
}

/* Telli Turna'nın yer aldığı sulak alan sahnesine özel üç boyutlu sunum.
   Diğer puzzle kayıtları bu sınıfı almaz ve mevcut görünümlerini korur. */
.pz-premium-3d{
 --pz-tilt-x:2deg;--pz-tilt-y:-2deg;--pz-light-x:38%;--pz-light-y:22%;
 --pz-wood-dark:#183c31;--pz-wood-mid:#326b55;--pz-wood-light:#8fb59c;
}
.pz-premium-3d .pz-board-panel{
 position:relative;padding:clamp(16px,3vw,28px);overflow-x:auto;perspective:1100px;
 background:
  radial-gradient(circle at var(--pz-light-x) var(--pz-light-y),#f9f3d8cc 0 6%,transparent 34%),
  linear-gradient(145deg,#79977f,#345f4d 47%,#183b30);
 border:1px solid #c6d8c9;border-radius:24px;
 box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -12px 22px #0b2b2247,0 18px 34px #102f2454;
 isolation:isolate;
}
.pz-premium-3d .pz-board-panel::before{
 content:'';position:absolute;inset:7px;border:1px solid #eaf4e680;border-radius:18px;pointer-events:none;z-index:2;
 box-shadow:inset 0 0 0 1px #102f2438;
}
.pz-premium-3d .pz-board-panel::after{
 content:'';position:absolute;left:8%;right:8%;bottom:2px;height:18%;border-radius:50%;
 background:#061b1659;filter:blur(13px);transform:translateZ(-30px);pointer-events:none;z-index:-1;
}
.pz-premium-3d .pz-board{
 transform-style:preserve-3d;
 transform:rotateX(var(--pz-tilt-x)) rotateY(var(--pz-tilt-y)) translateZ(10px);
 transform-origin:50% 55%;
 background:
  radial-gradient(circle at var(--pz-light-x) var(--pz-light-y),#fff9e8 0,transparent 38%),
  repeating-linear-gradient(35deg,#e9dfc8,#e9dfc8 3px,#f4ecd9 3px,#f4ecd9 7px);
 box-shadow:0 0 0 2px #d6e7d9,0 0 0 7px #173d31,0 14px 5px -5px #0c2c23,0 28px 42px #061c1659;
 transition:transform .16s ease-out,box-shadow .2s ease-out;
}
.pz-premium-3d .pz-slot{transform-style:preserve-3d}
.pz-premium-3d .pz-slot.pz-filled>.pz-jigsaw{transform:translateZ(5px)}
.pz-premium-3d .pz-depth,.pz-premium-3d .pz-shine{display:block}
.pz-premium-3d .pz-depth{
 fill:none;stroke:#132d25;stroke-width:7;opacity:.72;transform:translateY(4px);
}
.pz-premium-3d .pz-shine{
 fill:none;stroke:#fff;stroke-width:2.2;opacity:.5;transform:translateY(-1px);
}
.pz-premium-3d .pz-slot:not(.pz-filled) .pz-depth,
.pz-premium-3d .pz-slot:not(.pz-filled) .pz-shine{opacity:.16}
.pz-premium-3d .pz-slot.pz-filled .pz-cut{stroke:#f8fff4a8;stroke-width:.72}
.pz-premium-3d .pz-piece{
 position:relative;transform:translateZ(0) rotateX(0) rotateZ(0);transform-origin:50% 68%;
 transition:transform .2s cubic-bezier(.2,.85,.25,1.25),filter .2s ease;
 filter:drop-shadow(0 3px 1px #0b241ca8) drop-shadow(0 8px 8px #102f244f);
}
.pz-premium-3d .pz-piece>.pz-jigsaw{filter:none}
.pz-premium-3d .pz-piece:hover{transform:translateY(-5px) rotateX(5deg) rotateZ(-.6deg)}
.pz-premium-3d .pz-piece[aria-pressed=true]{
 transform:translateY(-9px) scale(1.035) rotateX(7deg);
 filter:drop-shadow(0 5px 1px #0b241cbd) drop-shadow(0 14px 12px #8b650956);
}
.pz-premium-3d .pz-piece[aria-pressed=true] .pz-shine{opacity:.88}
.pz-premium-3d .pz-drag-ghost{
 transform:translate(-50%,-58%) scale(1.06) rotateX(8deg) rotateZ(-1deg);
 filter:drop-shadow(0 7px 2px #0a231bbf) drop-shadow(0 18px 14px #061b1670);
}
.pz-premium-3d .pz-tray-panel{
 background:linear-gradient(145deg,#fffffff2,#eef5edf0);border-color:#afcbbb;
 box-shadow:inset 0 1px 0 #fff,0 13px 30px #11392b24;
}
.pz-premium-3d .pz-reference img{box-shadow:0 7px 18px #102f2438;border:1px solid #d8e8dc}
.pz-premium-3d .pz-completion{box-shadow:0 22px 55px #0b2d2252}
@media(prefers-reduced-motion:no-preference){
 .pz-premium-3d .pz-slot.pz-filled>.pz-jigsaw{animation:pz-3d-seat .32s cubic-bezier(.18,.9,.25,1.35)}
 @keyframes pz-3d-seat{0%{transform:translateZ(28px) scale(1.07);filter:brightness(1.16)}100%{transform:translateZ(5px) scale(1);filter:none}}
}
@media(prefers-reduced-motion:reduce){
 .pz-premium-3d .pz-board{transform:translateZ(0);transition:none}
 .pz-premium-3d .pz-piece{transition:none}
}
@media(max-width:780px){
 .pz-premium-3d .pz-board-panel{padding:18px 14px 24px}
}
@media(orientation:landscape) and (max-height:600px){
 .pz-premium-3d .pz-board-panel{padding:12px 14px 17px;border-radius:18px}
}
@media(prefers-color-scheme:dark){
 .pz-premium-3d .pz-board-panel{border-color:#527463;background:radial-gradient(circle at var(--pz-light-x) var(--pz-light-y),#809b7852,transparent 34%),linear-gradient(145deg,#466957,#1b4435 48%,#0d2d24)}
 .pz-premium-3d .pz-tray-panel{background:linear-gradient(145deg,#214536f2,#14372cf2);border-color:#4b705e}
}

/* iPhone 8 Plus-class landscape screens are wide enough for a compact tray.
   Keep the 440px board (48px cells); on narrower phones its own panel pans. */
@media(orientation:landscape) and (max-height:600px) and (min-width:640px) and (max-width:799px){
 .pz-scene .pz-workspace{grid-template-columns:minmax(0,1fr) 246px;gap:8px}
 .pz-scene .pz-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:none}
 .pz-scene .pz-tray-panel{padding:8px;max-height:calc(100dvh - 64px);overflow-y:auto}
 .pz-premium-3d .pz-board-panel{padding:7px}
}