/* Puzzle Sprint R2182 - osobna warstwa gry, bez modyfikowania wspólnego Puzzle Core. */
:root{--sp-orange:#ff5a00;--sp-bg:#f3f5f6;--sp-panel:#fff;--sp-border:#e2e5e9;--sp-muted:#697482;--sp-text:#151922}
*{-webkit-tap-highlight-color:transparent}
html,body{overscroll-behavior:none}
body.pz-sp-page{height:100dvh;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(255,90,0,.10),transparent 28%),var(--sp-bg);color:var(--sp-text)}
.pz-sp-page,.pz-sp-page *{box-sizing:border-box}
.pz-sp-shell{height:100dvh;max-height:100dvh;width:min(1480px,calc(100% - 12px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:6px;padding:6px 0;margin:0 auto;overflow:hidden}
.pz-sp-topbar{min-height:34px}.pz-sp-head{padding:7px 11px;border-radius:13px;display:flex;align-items:center;gap:12px}.pz-sp-head h1{font-size:clamp(20px,2vw,30px)}.pz-sp-head p{font-size:10px;margin-top:3px;max-width:830px}
.pz-sp-layout{min-height:0;display:grid;grid-template-columns:218px minmax(0,1fr);gap:7px;overflow:hidden;align-items:start}
.pz-sp-info{min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.pz-sp-info .pz-panel{padding:7px;border-radius:12px;box-shadow:none}
.pz-sp-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:4px}.pz-sp-stat{min-width:0;border:1px solid #e6e8eb;background:#fafafa;border-radius:8px;padding:5px 6px}.pz-sp-stat span{display:block;font-size:6.4px;line-height:1.15;text-transform:uppercase;letter-spacing:.075em;font-weight:900;color:#78828d}.pz-sp-stat b{display:block;margin-top:2px;font-size:10.6px;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-sp-options{display:grid;gap:5px}.pz-sp-field{display:grid;gap:2px}.pz-sp-field>span,.pz-sp-source>span,.pz-sp-sound-row>span{font-size:6.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#78828e}.pz-sp-field select{width:100%;height:29px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;color:#111827;padding:3px 6px;font-size:9px;font-weight:800}.pz-sp-source,.pz-sp-sound-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.pz-sp-source b{font-size:9px}.pz-sp-sound-row .pz-segmented-btn{min-height:27px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;color:#111827;padding:3px 6px;font-size:7px;font-weight:900;cursor:pointer}
.pz-sp-actions-panel{display:grid;gap:5px}.pz-sp-actions-panel>#start{min-height:31px}.pz-sp-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pz-sp-actions .pz-btn,.pz-sp-readmore{min-height:27px;padding:4px 6px;font-size:7.5px}.pz-sp-readmore{background:#fff8f3!important;border-color:rgba(255,90,0,.2)!important;color:#97400f!important;box-shadow:none!important}.pz-sp-message-panel{min-height:0;flex:1;overflow:hidden}.pz-sp-message{height:100%;overflow:auto;padding:7px;font-size:8px;line-height:1.4;background:#fff8f3}
.pz-sp-board-wrap{min-width:0;min-height:0;height:100%;display:grid;align-items:start;justify-items:center;overflow:hidden}
.pz-sp-stage{position:relative;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:16/10;overflow:hidden;isolation:isolate;border:1px solid rgba(70,56,43,.17);border-radius:13px;background-color:#c9bca7;background-image:linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,.035)),url("../images/gry/demontaz-mata-light.webp"),radial-gradient(circle at 42% 33%,#d9cdb9,#b5a48d 72%);background-size:cover;background-position:center;box-shadow:0 12px 32px rgba(17,24,39,.14);touch-action:none;user-select:none;-webkit-user-select:none}
.pz-sp-stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(20,15,10,.012) 0 1px,transparent 1px 4px);mix-blend-mode:multiply;opacity:.24}
.pz-sp-stage img{user-select:none;-webkit-user-drag:none}.pz-sp-stage button{font-family:Manrope,sans-serif}

/* Wybór obrazu */
.pz-sp-preview{position:absolute;inset:0;z-index:10;display:grid;place-items:center}.pz-sp-preview[hidden]{display:none!important}.pz-sp-preview-label{position:absolute;left:12px;top:10px;z-index:20;display:grid;gap:2px;padding:7px 9px;border-radius:10px;background:rgba(255,250,246,.86);border:1px solid rgba(255,90,0,.16);backdrop-filter:blur(3px)}.pz-sp-preview-label b{font-size:8px;letter-spacing:.1em}.pz-sp-preview-label span{font-size:7px;color:#697482;font-weight:700}.pz-sp-assembly{position:absolute;inset:0;pointer-events:none}.pz-sp-assembly .pz-real-piece,.pz-sp-final-board .pz-real-piece{position:absolute!important;cursor:default;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.19)) drop-shadow(0 5px 5px rgba(0,0,0,.07))}.pz-sp-assembly .pz-real-piece svg,.pz-sp-final-board .pz-real-piece svg svg{overflow:visible!important}

/* Sprint 30 */
.pz-sp-quick{position:absolute;inset:10px;z-index:30;display:grid;grid-template-columns:minmax(150px,.31fr) minmax(0,.69fr);gap:10px;align-items:stretch}.pz-sp-quick[hidden]{display:none!important}.pz-sp-target-card{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,90,0,.22);border-radius:16px;background:rgba(255,249,244,.86);box-shadow:0 9px 24px rgba(35,26,19,.10);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:5px;padding:10px;overflow:hidden}.pz-sp-card-kicker{font-size:8px;font-weight:900;letter-spacing:.12em;color:#a64a17;text-align:center}.pz-sp-target-piece{position:relative;min-height:0;display:grid;place-items:center}.pz-sp-target-piece .pz-real-piece,.pz-sp-choice .pz-real-piece{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.20)) drop-shadow(0 6px 5px rgba(0,0,0,.08))}.pz-sp-target-piece .pz-real-piece svg,.pz-sp-choice .pz-real-piece svg{overflow:visible!important}.pz-sp-phase{justify-self:center;padding:5px 8px;border-radius:999px;background:#ff5a00;color:#fff;font-size:7px;font-weight:900;letter-spacing:.09em}.pz-sp-target-card small{font-size:7px;line-height:1.35;color:#66717e;font-weight:800;text-align:center}
.pz-sp-choices{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}.pz-sp-choice{position:relative;min-width:0;min-height:0;border:1px solid rgba(51,45,39,.13);border-radius:13px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px rgba(255,255,255,.58),0 3px 9px rgba(33,28,23,.07);cursor:pointer;overflow:visible;transition:transform .10s ease,border-color .10s ease,background .10s ease,box-shadow .10s ease}.pz-sp-choice:hover{border-color:rgba(255,90,0,.42);background:rgba(255,250,247,.94);transform:translateY(-1px)}.pz-sp-choice:active,.pz-sp-choice.is-pressed{transform:translateY(2px) scale(.985);box-shadow:inset 0 3px 7px rgba(50,35,24,.12)}.pz-sp-choice.is-correct{border-color:rgba(255,90,0,.75);background:rgba(255,90,0,.09);box-shadow:0 0 0 3px rgba(255,90,0,.10)}.pz-sp-choice.is-wrong{animation:pzSpWrong .23s ease-out}.pz-sp-target-card.is-good{animation:pzSpTargetGood .22s ease-out}@keyframes pzSpWrong{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}55%{transform:translateX(5px)}80%{transform:translateX(-2px)}}@keyframes pzSpTargetGood{50%{transform:scale(1.015);filter:brightness(1.04)}}

/* Wspólne overlaye */
.pz-sp-countdown,.pz-sp-pause,.pz-sp-phase-overlay{position:absolute;inset:0;z-index:950;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;background:rgba(250,247,240,.71);backdrop-filter:blur(2px);pointer-events:auto}.pz-sp-countdown[hidden],.pz-sp-pause[hidden],.pz-sp-phase-overlay[hidden]{display:none!important}.pz-sp-status-art{width:min(48%,290px);max-height:44%;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.18))}.pz-sp-pause img{width:min(56%,340px);max-height:38%;object-fit:contain}.pz-sp-pause span,.pz-sp-phase-overlay span{font-size:11px;font-weight:900;letter-spacing:.08em}.pz-sp-phase-overlay img{width:min(48%,300px);max-height:36%;object-fit:contain}.pz-sp-final-board{position:absolute;inset:0;z-index:45;pointer-events:none}.pz-sp-final-board[hidden]{display:none!important}.pz-sp-final-board .pz-real-piece{opacity:1;will-change:transform,opacity}.pz-sp-complete{position:absolute;inset:0;z-index:960;display:flex;justify-content:flex-end;align-items:center;padding:5%;background:linear-gradient(90deg,transparent 0 47%,rgba(250,247,240,.15) 54%,rgba(250,247,240,.58) 100%);pointer-events:auto}.pz-sp-complete[hidden]{display:none!important}.pz-sp-result-card{width:min(39%,360px);max-height:84%;overflow:auto;padding:13px;border:1px solid rgba(255,255,255,.42);border-radius:16px;background:rgba(255,252,249,.90);box-shadow:0 16px 42px rgba(18,23,28,.19);backdrop-filter:blur(5px);text-align:center}.pz-sp-result-card>img{width:min(86%,230px);max-height:85px;object-fit:contain}.pz-sp-result-card h2{margin:5px 0 3px;font-size:clamp(18px,2.6vw,28px)}.pz-sp-result-card p{margin:2px 0;color:#5e6975;font-size:9px;line-height:1.45}.pz-sp-result-big{margin:6px 0;color:#ff5a00;font-size:clamp(24px,4vw,40px);font-weight:900;font-variant-numeric:tabular-nums}.pz-sp-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.pz-sp-result-actions .pz-btn{font-size:7px;min-height:28px;padding:4px}
.pz-sp-overlay{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:16px;background:rgba(10,13,17,.50);backdrop-filter:blur(5px)}.pz-sp-overlay[hidden]{display:none!important}.pz-sp-help-card{position:relative;width:min(560px,calc(100% - 16px));max-height:88dvh;overflow:auto;border:1px solid #e0e4e8;border-radius:20px;background:#fff;color:#151922;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.pz-sp-help-card>button{position:absolute;right:9px;top:9px;width:36px;height:36px;border:1px solid #dfe3e7;border-radius:10px;background:#f6f7f8;color:#111;font-size:24px;line-height:1;cursor:pointer}.pz-sp-help-card h2{margin:4px 40px 12px 0;font-size:25px}.pz-sp-help-mode{padding:12px;border:1px solid #e4e7eb;border-radius:12px;background:#fafafa;margin:7px 0}.pz-sp-help-mode b{font-size:11px;color:#b5490c}.pz-sp-help-card p{font-size:12px;color:#697484;line-height:1.55;margin:5px 0}.pz-sp-rotate{display:none}

/* Dark mode */
html[data-theme="dark"] body.pz-sp-page{background:radial-gradient(circle at 12% 0%,rgba(255,90,0,.12),transparent 28%),#0d1014;color:#edf0f3}html[data-theme="dark"] .pz-sp-page .pz-game-head,html[data-theme="dark"] .pz-sp-page .pz-panel{background:#171b20;border-color:#2d333b;color:#f2f4f6;box-shadow:none}html[data-theme="dark"] .pz-sp-page .pz-btn{background:#1b2026;border-color:#353c45;color:#f2f4f7;box-shadow:none}html[data-theme="dark"] .pz-sp-page .pz-btn--primary{background:#ff5a00!important;border-color:#ff5a00!important;color:#fff!important}html[data-theme="dark"] .pz-sp-page .pz-btn--soft,html[data-theme="dark"] .pz-sp-page .pz-sp-readmore{background:#342117!important;border-color:#6b3820!important;color:#ffb187!important}html[data-theme="dark"] .pz-sp-stat{background:#11151a;border-color:#2b3139}html[data-theme="dark"] .pz-sp-stat span,html[data-theme="dark"] .pz-sp-field>span,html[data-theme="dark"] .pz-sp-source>span,html[data-theme="dark"] .pz-sp-sound-row>span{color:#959faa}html[data-theme="dark"] .pz-sp-field select,html[data-theme="dark"] .pz-sp-sound-row .pz-segmented-btn{background:#11151a;border-color:#353d46;color:#f3f5f7}html[data-theme="dark"] .pz-sp-message{background:#211a16;border-color:#51301f;color:#e9edf1}html[data-theme="dark"] .pz-sp-stage{background-color:#202428;background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.04)),url("../images/gry/demontaz-mata-dark.webp"),radial-gradient(circle at 43% 38%,#30353b,#15191d 74%);border-color:rgba(255,255,255,.10);box-shadow:0 15px 42px rgba(0,0,0,.35)}html[data-theme="dark"] .pz-sp-preview-label{background:rgba(21,25,29,.90);border-color:#4b3528;color:#f1f3f5}html[data-theme="dark"] .pz-sp-preview-label span{color:#a5aeb8}html[data-theme="dark"] .pz-sp-target-card{background:rgba(25,29,33,.88);border-color:#593621}html[data-theme="dark"] .pz-sp-card-kicker{color:#ffad7f}html[data-theme="dark"] .pz-sp-target-card small{color:#a4adb7}html[data-theme="dark"] .pz-sp-choice{background:rgba(21,25,29,.82);border-color:#363d45;box-shadow:inset 0 1px rgba(255,255,255,.04),0 3px 9px rgba(0,0,0,.14)}html[data-theme="dark"] .pz-sp-choice:hover{background:rgba(43,31,25,.92);border-color:#824728}html[data-theme="dark"] .pz-sp-choice.is-correct{background:rgba(255,90,0,.12)}html[data-theme="dark"] .pz-sp-countdown,html[data-theme="dark"] .pz-sp-pause,html[data-theme="dark"] .pz-sp-phase-overlay{background:rgba(11,14,17,.75)}html[data-theme="dark"] .pz-sp-pause span,html[data-theme="dark"] .pz-sp-phase-overlay span{color:#e7eaed}html[data-theme="dark"] .pz-sp-complete{background:linear-gradient(90deg,transparent 0 46%,rgba(11,14,17,.10) 54%,rgba(11,14,17,.68) 100%)}html[data-theme="dark"] .pz-sp-result-card{background:rgba(23,27,32,.92);border-color:#39414a;color:#f1f4f6}html[data-theme="dark"] .pz-sp-result-card p{color:#a4adb7}html[data-theme="dark"] .pz-sp-help-card{background:#171b20;border-color:#303842;color:#f2f4f6}html[data-theme="dark"] .pz-sp-help-card p{color:#a5afba}html[data-theme="dark"] .pz-sp-help-mode{background:#11151a;border-color:#303740}html[data-theme="dark"] .pz-sp-help-card>button{background:#242a31;border-color:#3a424c;color:#fff}

@media(max-width:1100px) and (min-width:821px){.pz-sp-layout{grid-template-columns:195px minmax(0,1fr)}.pz-sp-head p{display:none}.pz-sp-quick{grid-template-columns:minmax(130px,.29fr) minmax(0,.71fr)}}
@media(max-height:760px) and (min-width:821px){.pz-sp-shell{gap:4px;padding:4px 0}.pz-sp-topbar{min-height:27px}.pz-sp-topbar .pz-brand img{width:25px;height:25px}.pz-sp-head{padding:5px 9px}.pz-sp-head p{display:none!important}.pz-sp-info .pz-panel{padding:5px}.pz-sp-message-panel{display:none}.pz-sp-target-card{padding:7px}.pz-sp-quick{inset:7px;gap:7px}.pz-sp-choices{gap:4px}}
@media(max-width:920px) and (orientation:landscape), (max-height:520px) and (orientation:landscape){body.pz-sp-page{height:100dvh!important;overflow:hidden!important}.pz-sp-shell{width:calc(100% - 6px);height:100dvh;padding:3px 0;gap:3px;grid-template-rows:26px minmax(0,1fr)}.pz-sp-topbar{min-height:26px}.pz-sp-topbar .pz-brand img{width:21px;height:21px}.pz-sp-topbar .pz-brand span{font-size:9px}.pz-sp-topbar .pz-btn{min-height:22px;padding:2px 4px;font-size:6.4px}.pz-sp-dashboard-link{display:none}.pz-sp-head{display:none!important}.pz-sp-layout{grid-template-columns:124px minmax(0,1fr)!important;gap:3px;align-items:start}.pz-sp-info{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:3px;height:100%;max-height:100%;overflow:hidden}.pz-sp-info .pz-panel{padding:3px;border-radius:7px}.pz-sp-stats{gap:2px}.pz-sp-stat{padding:2px 3px;border-radius:5px}.pz-sp-stat span{font-size:4.2px}.pz-sp-stat b{font-size:7.2px;margin-top:1px}.pz-sp-options{gap:2px}.pz-sp-field{gap:1px}.pz-sp-field>span,.pz-sp-source>span,.pz-sp-sound-row>span{font-size:4.2px}.pz-sp-field select{height:19px;font-size:6.1px;padding:1px 3px}.pz-sp-source b{font-size:6.2px}.pz-sp-sound-row .pz-segmented-btn{min-height:18px;font-size:5.1px;padding:1px 3px}.pz-sp-actions-panel{gap:2px}.pz-sp-actions-panel>#start{min-height:21px;padding:2px 3px;font-size:6.6px}.pz-sp-actions{gap:2px}.pz-sp-actions .pz-btn,.pz-sp-readmore{min-height:17px;padding:1px 2px;font-size:5px}.pz-sp-readmore{display:none!important}.pz-sp-message-panel{display:none!important}.pz-sp-board-wrap{height:100%;align-items:start}.pz-sp-stage{aspect-ratio:16/10!important;border-radius:8px}.pz-sp-quick{inset:4px;grid-template-columns:minmax(92px,.27fr) minmax(0,.73fr);gap:4px}.pz-sp-target-card{padding:4px;border-radius:9px;gap:2px}.pz-sp-card-kicker{font-size:5px}.pz-sp-phase{padding:3px 5px;font-size:4.5px}.pz-sp-target-card small{font-size:4.6px}.pz-sp-choices{gap:3px}.pz-sp-choice{border-radius:7px}.pz-sp-preview-label{left:5px;top:4px;padding:4px 5px;border-radius:6px}.pz-sp-preview-label b b{font-size:5px}.pz-sp-preview-label span{font-size:4.5px}.pz-sp-result-card{width:min(42%,235px);padding:6px;border-radius:9px}.pz-sp-result-card>img{max-height:42px}.pz-sp-result-card h2{font-size:14px}.pz-sp-result-card p{font-size:5.4px}.pz-sp-result-big{font-size:19px}.pz-sp-result-actions{gap:3px;margin-top:4px}.pz-sp-result-actions .pz-btn{min-height:20px;font-size:5px;padding:2px}.pz-sp-help-card{max-height:92dvh;padding:12px}.pz-sp-help-card h2{font-size:18px}.pz-sp-help-card p{font-size:9px}.pz-sp-help-mode{padding:7px}}
@media(max-height:390px) and (orientation:landscape){.pz-sp-layout{grid-template-columns:116px minmax(0,1fr)!important}.pz-sp-info .pz-panel{padding:2px}.pz-sp-stat{padding:1px 3px}.pz-sp-stat span{font-size:3.9px}.pz-sp-stat b{font-size:6.7px}.pz-sp-field select{height:18px}.pz-sp-sound-row .pz-segmented-btn{min-height:17px}.pz-sp-actions-panel>#start{min-height:19px}.pz-sp-actions .pz-btn{min-height:16px}.pz-sp-quick{grid-template-columns:minmax(82px,.25fr) minmax(0,.75fr)}}
@media(max-width:920px) and (orientation:portrait){.pz-sp-shell{visibility:hidden}.pz-sp-rotate{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 20%,rgba(255,90,0,.14),transparent 32%),#f4f5f6;text-align:center}.pz-sp-rotate>div{max-width:350px;padding:26px;border-radius:22px;background:#fff;border:1px solid #e4e7eb;box-shadow:0 20px 55px rgba(17,24,39,.14)}.pz-sp-rotate span{display:block;font-size:60px;color:#ff5a00;line-height:1}.pz-sp-rotate b{display:block;margin-top:9px;font-size:23px}.pz-sp-rotate p{margin:8px 0 0;color:#687281;line-height:1.5;font-size:12px}html[data-theme="dark"] .pz-sp-rotate{background:#0d1014;color:#f2f4f7}html[data-theme="dark"] .pz-sp-rotate>div{background:#171b20;border-color:#30363f}html[data-theme="dark"] .pz-sp-rotate p{color:#9da7b4}}
@media(prefers-reduced-motion:reduce){.pz-sp-choice{transition:none!important}}
/* R3170: spokojna podpowiedź po dłuższej bezczynności. */
.pz-sp-target-card.is-idle-hint{animation:pzSprintIdleHint .72s ease-in-out 2;box-shadow:0 0 0 3px rgba(255,90,0,.22),0 8px 24px rgba(255,90,0,.14)}
@keyframes pzSprintIdleHint{50%{border-color:rgba(255,90,0,.72);box-shadow:0 0 0 4px rgba(255,90,0,.18),0 10px 30px rgba(255,90,0,.18)}}
@media(prefers-reduced-motion:reduce){.pz-sp-target-card.is-idle-hint{animation:none!important;border-color:rgba(255,90,0,.72)}}

/* SPRINT UI 2026-09-25: mata widoczna, trzy etapy i nowe assety gry. */
.pz-sp-quick{grid-template-columns:minmax(170px,.26fr) minmax(0,.74fr);gap:12px;transition:opacity .18s ease,transform .18s ease}
.pz-sp-quick.is-round-changing{opacity:.18;transform:scale(.992)}
.pz-sp-target-card{border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 10px 10px!important;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:visible}
.pz-sp-card-kicker{display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:4px 9px;border-radius:999px;background:rgba(255,250,244,.72);border:1px solid rgba(112,82,58,.16);backdrop-filter:blur(2px);font-size:8px;color:#9c4c1f;text-shadow:0 1px rgba(255,255,255,.72)}
.pz-sp-target-piece{overflow:visible}
.pz-sp-phase{background:rgba(255,90,0,.92);box-shadow:0 4px 12px rgba(113,52,16,.17)}
.pz-sp-target-card small{font-size:7.5px;color:#5f5449;text-shadow:0 1px rgba(255,255,255,.75)}
.pz-sp-choices{gap:7px}
.pz-sp-choice{border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;border-radius:18px;overflow:visible;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,border-color .12s ease}
.pz-sp-choice:hover{border-color:rgba(255,90,0,.16)!important;background:rgba(255,244,234,.20)!important;box-shadow:0 8px 20px rgba(65,42,25,.07)!important;transform:translateY(-2px) scale(1.012)}
.pz-sp-choice:active,.pz-sp-choice.is-pressed{background:rgba(255,237,224,.25)!important;box-shadow:none!important;transform:translateY(1px) scale(.985)}
.pz-sp-choice.is-correct{border-color:rgba(52,151,75,.25)!important;background:rgba(76,175,80,.10)!important;box-shadow:0 0 0 3px rgba(76,175,80,.08)!important}
.pz-sp-choice.is-wrong{border-color:rgba(202,53,43,.20)!important;background:rgba(202,53,43,.07)!important}
.pz-sp-choice-feedback{position:absolute!important;z-index:8!important;left:50%!important;top:50%!important;width:min(32%,58px)!important;height:auto!important;transform:translate(-50%,-50%) scale(.55)!important;opacity:0;pointer-events:none!important;filter:drop-shadow(0 6px 10px rgba(30,24,18,.22));animation:pzSpFeedback .48s cubic-bezier(.18,.86,.28,1.18) both}
@keyframes pzSpFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}35%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.92)}}
.pz-sp-reward-toast{position:absolute;z-index:940;right:2.4%;top:4%;width:min(19%,170px);height:auto;opacity:0;transform:translateY(-8px) scale(.9);pointer-events:none;filter:drop-shadow(0 8px 12px rgba(26,20,15,.20));transition:opacity .18s ease,transform .18s ease}.pz-sp-reward-toast.is-show{opacity:1;transform:translateY(0) scale(1)}

/* Powitanie i przejścia pomiędzy trzema etapami. */
.pz-sp-phase-overlay{padding:3.2%;background:rgba(245,238,226,.57)!important;backdrop-filter:blur(3px)}
.pz-sp-gate-card{width:min(620px,72%);max-height:86%;overflow:hidden;border:1px solid rgba(151,105,66,.24);border-radius:22px;background:linear-gradient(180deg,rgba(255,252,245,.97),rgba(255,239,205,.97));box-shadow:0 20px 52px rgba(57,40,25,.20);color:#2d241c;text-align:center;padding:18px 22px;display:grid;justify-items:center;align-content:center;gap:8px}
.pz-sp-gate-state{width:min(42%,220px)!important;max-height:78px!important;object-fit:contain!important;filter:drop-shadow(0 7px 8px rgba(52,35,21,.18))}
.pz-sp-gate-card h2{margin:0;font-size:clamp(20px,2.4vw,31px);line-height:1.08}.pz-sp-gate-card p{max-width:520px;margin:0;font-size:clamp(9px,.92vw,13px);line-height:1.45;font-weight:650;color:#564a3e}.pz-sp-gate-card small{font-size:8px;font-weight:800;color:#7b6a5c}.pz-sp-gate-start{min-width:190px;margin-top:3px}
.pz-sp-phase-card{grid-template-columns:minmax(145px,.34fr) minmax(0,.66fr);width:min(760px,82%);gap:18px;padding:16px 20px}
.pz-sp-phase-done{align-self:stretch;display:grid;place-content:center;justify-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.45);border:1px solid rgba(121,98,73,.12)}
.pz-sp-phase-done>span{font-size:9px!important;letter-spacing:.08em!important;color:#4f7659}.pz-sp-phase-mini{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.pz-sp-phase-mini b{padding:5px 7px;border-radius:999px;background:rgba(74,107,78,.09);font-size:9px}.pz-sp-phase-reward{width:min(72%,130px)!important;max-height:52px!important;object-fit:contain!important}
.pz-sp-phase-next{display:grid;justify-items:center;align-content:center;gap:6px}.pz-sp-phase-next>img{width:min(38%,180px)!important;max-height:58px!important;object-fit:contain!important}.pz-sp-phase-next>span{font-size:7px!important;letter-spacing:.12em!important;color:#8e6c4e}.pz-sp-phase-next h2{font-size:clamp(21px,2.6vw,32px)}.pz-sp-phase-next p{max-width:430px}

/* Finał bez starych gwiazdek i serduszek. */
.pz-sp-result-card--new{width:min(43%,390px);max-height:88%;overflow:hidden;padding:15px 16px}.pz-sp-final-title{display:flex;align-items:center;justify-content:center;gap:7px}.pz-sp-final-title img{width:auto!important;height:48px!important;max-width:52%!important;object-fit:contain}.pz-sp-final-award{display:flex;justify-content:center;align-items:center;gap:8px;margin:4px 0}.pz-sp-final-award img{width:auto!important;height:58px!important;max-width:42%!important;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(35,24,16,.18))}.pz-sp-final-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0}.pz-sp-final-stats span{display:grid;gap:1px;padding:6px;border-radius:10px;background:rgba(70,57,44,.06);font-size:7px;font-weight:800;color:#6f6258;text-transform:uppercase;letter-spacing:.04em}.pz-sp-final-stats b{font-size:13px;color:#211a15;font-variant-numeric:tabular-nums}.pz-sp-final-extras{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px}.pz-sp-final-extras img{width:auto!important;height:48px!important;max-width:45%!important;object-fit:contain}

html[data-theme="dark"] .pz-sp-target-card{background:transparent!important;border:0!important;box-shadow:none!important}html[data-theme="dark"] .pz-sp-card-kicker{background:rgba(18,18,18,.38);border-color:rgba(255,255,255,.12);color:#ffb186;text-shadow:none}html[data-theme="dark"] .pz-sp-target-card small{color:#ded7ce;text-shadow:0 1px #000}html[data-theme="dark"] .pz-sp-choice{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme="dark"] .pz-sp-choice:hover{background:rgba(255,122,52,.09)!important;border-color:rgba(255,138,77,.18)!important}html[data-theme="dark"] .pz-sp-phase-overlay{background:rgba(10,12,14,.62)!important}html[data-theme="dark"] .pz-sp-gate-card{background:linear-gradient(180deg,rgba(38,33,29,.97),rgba(28,25,22,.98));border-color:#59422f;color:#f4eee8}html[data-theme="dark"] .pz-sp-gate-card p,html[data-theme="dark"] .pz-sp-gate-card small{color:#c8bdb2}html[data-theme="dark"] .pz-sp-phase-done{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .pz-sp-phase-mini b{background:rgba(143,190,150,.10)}html[data-theme="dark"] .pz-sp-final-stats span{background:rgba(255,255,255,.05);color:#c9c1b9}html[data-theme="dark"] .pz-sp-final-stats b{color:#fff}

@media(max-height:760px) and (min-width:821px){.pz-sp-gate-card{padding:12px 16px;gap:5px}.pz-sp-gate-state{max-height:54px!important}.pz-sp-gate-card h2{font-size:20px}.pz-sp-gate-card p{font-size:9px}.pz-sp-phase-card{padding:10px 14px;gap:12px}.pz-sp-phase-next>img{max-height:42px!important}.pz-sp-phase-reward{max-height:38px!important}.pz-sp-result-card--new{padding:9px 11px}.pz-sp-final-title img{height:34px!important}.pz-sp-final-award img{height:40px!important}.pz-sp-final-extras img{height:34px!important}}
@media(max-width:920px) and (orientation:landscape), (max-height:520px) and (orientation:landscape){.pz-sp-quick{grid-template-columns:minmax(92px,.25fr) minmax(0,.75fr);gap:3px}.pz-sp-target-card{padding:2px!important}.pz-sp-card-kicker{font-size:5px;padding:2px 5px}.pz-sp-target-card small{font-size:4.8px}.pz-sp-choices{gap:2px}.pz-sp-choice{border-radius:7px}.pz-sp-gate-card{width:min(680px,78%);padding:7px 10px;gap:3px;border-radius:12px}.pz-sp-gate-state{max-height:32px!important}.pz-sp-gate-card h2{font-size:15px}.pz-sp-gate-card p{font-size:6px;line-height:1.28}.pz-sp-gate-card small{font-size:5px}.pz-sp-gate-start{min-width:125px;min-height:21px!important;padding:2px 5px!important;font-size:6px!important}.pz-sp-phase-card{grid-template-columns:minmax(110px,.33fr) minmax(0,.67fr);gap:6px}.pz-sp-phase-done{gap:3px;padding:5px}.pz-sp-phase-done>span,.pz-sp-phase-mini b{font-size:5.5px!important}.pz-sp-phase-mini b{padding:2px 4px}.pz-sp-phase-next{gap:2px}.pz-sp-phase-next>img{max-height:25px!important}.pz-sp-phase-next h2{font-size:14px}.pz-sp-phase-reward{max-height:22px!important}.pz-sp-result-card--new{width:min(47%,250px);padding:6px}.pz-sp-final-title img{height:27px!important}.pz-sp-final-award img{height:31px!important}.pz-sp-final-stats{gap:2px;margin:3px 0}.pz-sp-final-stats span{padding:3px;font-size:4.5px}.pz-sp-final-stats b{font-size:8px}.pz-sp-final-extras img{height:25px!important}}
@media(prefers-reduced-motion:reduce){.pz-sp-quick,.pz-sp-choice-feedback,.pz-sp-reward-toast{animation:none!important;transition:none!important}}

/* SPRINT v15 - wspólna skala puzzli i czytelniejsze oznaczenia. */
.pz-sp-card-kicker{
  font-size:clamp(15px,1.35vw,21px)!important;
  line-height:1!important;
  padding:7px 14px!important;
  letter-spacing:.10em!important;
  min-height:32px;
}
.pz-sp-phase{
  font-size:clamp(13px,1.15vw,18px)!important;
  line-height:1!important;
  padding:7px 13px!important;
  letter-spacing:.055em!important;
  min-height:30px;
}
.pz-sp-target-card small{
  font-size:clamp(9px,.82vw,13px)!important;
  line-height:1.25!important;
}
.pz-sp-welcome-card{
  padding-top:30px!important;
}
.pz-sp-welcome-card .pz-sp-gate-state{
  margin-top:10px!important;
  margin-bottom:2px!important;
}
@media(max-height:760px) and (min-width:821px){
  .pz-sp-card-kicker{font-size:13px!important;padding:5px 10px!important;min-height:25px}
  .pz-sp-phase{font-size:12px!important;padding:5px 9px!important;min-height:24px}
  .pz-sp-welcome-card{padding-top:22px!important}
  .pz-sp-welcome-card .pz-sp-gate-state{margin-top:7px!important}
}
@media(max-width:920px) and (orientation:landscape), (max-height:520px) and (orientation:landscape){
  .pz-sp-card-kicker{font-size:9px!important;padding:3px 7px!important;min-height:18px}
  .pz-sp-phase{font-size:8px!important;padding:3px 6px!important;min-height:17px}
  .pz-sp-target-card small{font-size:6px!important}
  .pz-sp-welcome-card{padding-top:13px!important}
  .pz-sp-welcome-card .pz-sp-gate-state{margin-top:3px!important}
}


/* SPRINT v16 - czytelne przejścia etapów i duże odliczanie. */
.pz-sp-status-art{
  width:min(72%,520px)!important;
  max-height:72%!important;
  object-fit:contain!important;
}

/* Jedna, czytelna karta przejścia: podsumowanie małe, kolejny etap duży. */
.pz-sp-phase-card{
  grid-template-columns:1fr!important;
  width:min(820px,90%)!important;
  max-height:91%!important;
  min-height:292px!important;
  gap:10px!important;
  padding:18px 24px 24px!important;
  overflow:hidden!important;
}
.pz-sp-phase-done{
  align-self:auto!important;
  min-height:52px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px 12px!important;
  padding:8px 14px!important;
  border-radius:14px!important;
}
.pz-sp-phase-done>span{
  font-size:13px!important;
  line-height:1.1!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
.pz-sp-phase-mini{gap:7px!important}
.pz-sp-phase-mini b{
  padding:6px 9px!important;
  font-size:12px!important;
  line-height:1!important;
}
.pz-sp-phase-reward{
  width:auto!important;
  height:48px!important;
  max-width:120px!important;
  max-height:48px!important;
  object-fit:contain!important;
}
.pz-sp-phase-next{
  gap:7px!important;
  min-height:0!important;
}
.pz-sp-phase-next>img{
  width:auto!important;
  height:74px!important;
  max-width:230px!important;
  max-height:74px!important;
  object-fit:contain!important;
}
.pz-sp-phase-next>span{
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}
.pz-sp-phase-next h2{
  margin:0!important;
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.02!important;
}
.pz-sp-phase-next p{
  max-width:650px!important;
  margin:0 auto!important;
  font-size:clamp(14px,1.45vw,18px)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.pz-sp-phase-next .pz-sp-gate-start{
  min-width:245px!important;
  min-height:48px!important;
  margin-top:2px!important;
  padding:9px 18px!important;
  font-size:16px!important;
}
.pz-sp-phase-next small{
  display:block!important;
  margin-top:2px!important;
  padding-bottom:2px!important;
  font-size:10px!important;
  line-height:1.15!important;
}

/* Na niskich ekranach nadal ma być czytelnie, a nie mikroskopijnie. */
@media(max-width:920px) and (orientation:landscape), (max-height:520px) and (orientation:landscape){
  .pz-sp-status-art{width:min(76%,430px)!important;max-height:76%!important}
  .pz-sp-phase-card{width:min(820px,92%)!important;max-height:95%!important;min-height:246px!important;padding:10px 15px 16px!important;gap:5px!important;border-radius:15px!important}
  .pz-sp-phase-done{min-height:38px!important;padding:5px 9px!important;gap:5px 8px!important;border-radius:10px!important}
  .pz-sp-phase-done>span{font-size:10px!important}
  .pz-sp-phase-mini{gap:4px!important}
  .pz-sp-phase-mini b{font-size:10px!important;padding:4px 7px!important}
  .pz-sp-phase-reward{height:32px!important;max-height:32px!important;max-width:82px!important}
  .pz-sp-phase-next{gap:3px!important}
  .pz-sp-phase-next>img{height:44px!important;max-height:44px!important;max-width:150px!important}
  .pz-sp-phase-next>span{font-size:9px!important}
  .pz-sp-phase-next h2{font-size:28px!important;line-height:1!important}
  .pz-sp-phase-next p{font-size:13px!important;line-height:1.28!important;max-width:650px!important}
  .pz-sp-phase-next .pz-sp-gate-start{min-width:210px!important;min-height:38px!important;padding:6px 12px!important;font-size:12px!important;margin-top:1px!important}
  .pz-sp-phase-next small{display:block!important;margin-top:2px!important;padding-bottom:2px!important;font-size:8px!important}
}


/* 2026-09-26: wspólna duża grafika PAUZA */
.pz-sp-pause img{
  display:block!important;
  width:min(72%,520px)!important;
  max-width:520px!important;
  height:auto!important;
  max-height:58%!important;
  object-fit:contain!important;
  margin:0 auto!important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.20))!important;
}
.pz-sp-pause span{
  font-size:clamp(13px,1.35vw,18px)!important;
  line-height:1.2!important;
}
@media(max-height:520px) and (orientation:landscape){
  .pz-sp-pause img{width:min(68%,420px)!important;max-width:420px!important;max-height:62%!important}
  .pz-sp-pause span{font-size:12px!important}
}
