/* Planet Quest / Gezegen Yolculuğu. Builds on the Kids design system v3 tokens in kids-product.css. */
.pq{--pq-accent:var(--k-sky);--pq-space:#0a1030;position:relative}
.pq *{box-sizing:border-box}
.pq-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pq button{cursor:pointer;font-family:"Manrope",Inter,sans-serif}
.pq button:focus-visible,.pq [tabindex="-1"]:focus-visible{outline:4px solid var(--k-gold);outline-offset:3px}
.pq h3:focus{outline:0}
.pq [hidden]{display:none!important}
.pq-art{display:block;width:100%;height:auto;overflow:visible}

/* Toolbar: missions and levels */
.pq-toolbar{margin-bottom:12px}
.pq .kg-levels{max-width:100%}
.pq .kg-levels button{display:inline-flex;align-items:center;gap:8px}
.pq-ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.pq-areas button[aria-pressed="true"]{background:var(--pq-accent);color:#071a33}
.pq-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pq-level button[aria-pressed="true"]{background:var(--k-gold);color:#241a05}
.pq-level-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);font-size:.8rem}
.pq-level button[aria-pressed="true"] .pq-level-n{background:rgba(36,26,5,.15)}
.pq-level-stars{display:inline-flex;gap:1px}
.pq-mini-star{width:13px;height:13px;fill:rgba(246,201,108,.25)}
.pq-mini-star.is-on{fill:var(--k-gold)}
.pq-level button[aria-pressed="true"] .pq-mini-star{fill:rgba(36,26,5,.25)}
.pq-level button[aria-pressed="true"] .pq-mini-star.is-on{fill:#7a4e00}
.pq .kg-score{margin:0;max-width:100%}
.pq .kg-score>span{flex-wrap:wrap;max-width:100%}
.pq .kg-score span span{display:inline;background:none;border:0;padding:0;border-radius:0;font-size:inherit}
.pq-areas button span,.pq-level-name{min-width:0;overflow-wrap:anywhere}
.pq-score-star{width:18px;height:18px;fill:var(--k-gold)}
.pq-score-ico{width:18px;height:18px;fill:none;stroke:var(--pq-accent);stroke-width:2.1}

.pq-howto{display:flex;align-items:flex-start;gap:10px;margin:16px 0 14px;padding:10px 14px;border-radius:16px;background:rgba(124,188,255,.1);border:1px solid rgba(124,188,255,.32);color:var(--k-ink)!important;font-weight:700;font-size:.98rem;line-height:1.4}
.pq-howto span{min-width:0;overflow-wrap:anywhere}
.pq-howto svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--pq-accent);stroke-width:2.2;stroke-linecap:round;margin-top:1px}

/* ---------- Explore: the map ---------- */
.pq-map-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.pq-map-nav{width:48px;height:48px;border-radius:50%;border:2px solid var(--k-line);background:var(--k-surface-2);color:var(--k-ink);display:grid;place-items:center;padding:0}
.pq-map-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pq-map-nav:hover{border-color:var(--pq-accent)}
.pq-map{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:24px;border:1px solid var(--k-line-soft);
 background:radial-gradient(1.5px 1.5px at 6% 20%,#ffffffa0 50%,transparent 51%),radial-gradient(1px 1px at 18% 80%,#ffffff80 50%,transparent 51%),radial-gradient(1.5px 1.5px at 33% 12%,#ffffff90 50%,transparent 51%),radial-gradient(1px 1px at 47% 86%,#ffffff70 50%,transparent 51%),radial-gradient(1.5px 1.5px at 61% 16%,#ffffff90 50%,transparent 51%),radial-gradient(1px 1px at 74% 82%,#ffffff80 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 22%,#ffffffa0 50%,transparent 51%),radial-gradient(600px 300px at 0% 50%,rgba(255,180,72,.22),transparent 70%),linear-gradient(180deg,#0b1238,#070b24);
 scrollbar-color:var(--k-line) transparent;scrollbar-width:thin}
.pq-track{position:relative;display:flex;align-items:flex-start;gap:clamp(6px,1.2vw,14px);width:max-content;padding:62px 28px 14px 0}
.pq-orbitline{position:absolute;left:0;right:0;top:calc(62px + 85px);height:0;border-top:2px dashed rgba(124,188,255,.28);pointer-events:none}
.pq-rocket{position:absolute;top:8px;left:0;width:86px;z-index:2;pointer-events:none;transition:transform 1.1s cubic-bezier(.45,.05,.3,1)}
.pq-rocket.no-move{transition:none}
.pq-rocket-art{display:block;width:100%;height:auto;transition:transform .3s ease}
.pq-rocket.is-back .pq-rocket-art{transform:scaleX(-1)}
.pq-flame{transform-origin:24px 32px;animation:pq-flicker .35s ease-in-out infinite alternate}
@keyframes pq-flicker{from{transform:scaleX(.82)}to{transform:scaleX(1.08)}}

.pq-stop{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;border:2px solid transparent;border-radius:22px;background:transparent;color:var(--k-ink);min-width:56px}
.pq-stop-art{height:170px;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}
.pq-stop:hover .pq-stop-art{transform:scale(1.06)}
.pq-stop:hover{background:rgba(124,188,255,.06)}
.pq-stop-name{font-weight:800;font-size:.9rem;line-height:1.15;padding:3px 10px;border-radius:999px;white-space:nowrap;color:var(--k-ink-2)}
.pq-stop.is-here{border-color:rgba(124,188,255,.5);background:rgba(124,188,255,.08)}
.pq-stop.is-here .pq-stop-name{background:var(--pq-accent);color:#071a33}
.pq-stop-tick{position:absolute;top:44px;right:2px;width:24px;height:24px;border-radius:50%;background:var(--k-mint);display:none;place-items:center;box-shadow:0 0 0 3px var(--pq-space)}
.pq-stop-tick svg{width:16px;height:16px;fill:none;stroke:#062018;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pq-stop.is-visited .pq-stop-tick{display:grid}
.pq-stop-sun{padding-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pq-stop-sun .pq-stop-art{width:118px;overflow:hidden;justify-content:flex-end}
.pq-stop-sun .pq-stop-art svg{width:220px;flex:none;margin-right:-6px}
.pq-stop-sun .pq-stop-tick{right:8px}
.pq-stop-mercury .pq-stop-art svg{width:40px}
.pq-stop-venus .pq-stop-art svg{width:56px}
.pq-stop-earth .pq-stop-art svg{width:58px}
.pq-stop-moon{margin-left:-10px}
.pq-stop-moon .pq-stop-art{align-items:flex-start;padding-top:40px}
.pq-stop-moon .pq-stop-art svg{width:24px}
.pq-stop-mars .pq-stop-art svg{width:46px}
.pq-stop-belt .pq-stop-art svg{width:86px}
.pq-stop-jupiter .pq-stop-art svg{width:132px}
.pq-stop-saturn .pq-stop-art svg{width:172px}
.pq-stop-uranus .pq-stop-art svg{width:88px}
.pq-stop-neptune .pq-stop-art svg{width:78px}
.pq-stop-pluto .pq-stop-art svg{width:26px}
.pq-scale-note{margin:8px 4px 0;text-align:right}

/* ---------- Explore: the fact card ---------- */
.pq-card{margin-top:16px;display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:start;padding:clamp(16px,2.6vw,26px);border-radius:26px;background:linear-gradient(150deg,var(--k-surface-2),var(--k-surface));border:1px solid var(--k-line)}
.pq-card-art{position:relative;aspect-ratio:1/1;border-radius:22px;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(124,188,255,.16),transparent),var(--pq-space);border:1px solid var(--k-line-soft);overflow:hidden}
.pq-card-pic{width:70%;position:relative;z-index:1}
.pq-card[data-body="saturn"] .pq-card-pic,.pq-card[data-body="sun"] .pq-card-pic{width:84%}
.pq-card[data-body="moon"] .pq-card-pic,.pq-card[data-body="pluto"] .pq-card-pic,.pq-card[data-body="mercury"] .pq-card-pic{width:56%}
.pq-orbit{position:absolute;inset:5%;border-radius:50%;border:2px dashed rgba(124,188,255,.25);animation:pq-orbit 12s linear infinite}
.pq-orbit span{position:absolute;top:-7px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--k-gold);box-shadow:0 0 10px rgba(246,201,108,.8)}
.pq-orbit-sun,.pq-orbit-belt{display:none}
.pq-orbit-mercury{animation-duration:4s}.pq-orbit-venus{animation-duration:6s}.pq-orbit-earth{animation-duration:8s}.pq-orbit-moon{animation-duration:5s}.pq-orbit-mars{animation-duration:11s}
.pq-orbit-jupiter{animation-duration:16s}.pq-orbit-saturn{animation-duration:22s}.pq-orbit-uranus{animation-duration:30s}.pq-orbit-neptune{animation-duration:38s}.pq-orbit-pluto{animation-duration:46s}
@keyframes pq-orbit{to{transform:rotate(360deg)}}
.pq-card-body{min-width:0}
.pq-card-intro{margin:0 0 10px!important;padding:8px 12px;border-radius:12px;background:rgba(246,201,108,.12);color:#ffe2a6!important;font-weight:700;font-size:.95rem}
.pq-card-type{display:inline-block;margin:0 0 6px!important;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;background:var(--k-bg-2);color:var(--k-ink)!important}
.pq-type-rocky{background:rgba(255,143,127,.18)!important;color:#ffc2b8!important}
.pq-type-gas{background:rgba(246,201,108,.18)!important;color:#ffe2a6!important}
.pq-type-ice{background:rgba(61,213,243,.16)!important;color:#a9eefc!important}
.pq-type-star{background:rgba(255,182,72,.2)!important;color:#ffd79b!important}
.pq-type-moon{background:rgba(255,255,255,.1)!important}
.pq-type-belt{background:rgba(201,141,85,.2)!important;color:#f1c79c!important}
.pq-type-dwarf{background:rgba(165,148,255,.2)!important;color:#d3caff!important}
.pq-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(1.7rem,3.6vw,2.4rem)!important;margin:0 0 12px!important;letter-spacing:-.02em;border-radius:8px}
.pq-card-stamp{font-size:.78rem;font-weight:800;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--k-mint);color:#062018}
.pq-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.pq-facts div{background:var(--k-bg-2);border:1px solid var(--k-line-soft);border-radius:14px;padding:9px 12px;min-width:0}
.pq-facts dt{font-size:.78rem;font-weight:700;color:var(--k-muted);line-height:1.25}
.pq-facts dd{margin:3px 0 0;font-weight:800;color:var(--k-ink)!important;line-height:1.3;overflow-wrap:anywhere}
.pq-compare{display:flex;align-items:flex-end;gap:12px;margin:12px 0 0}
.pq-compare-art{width:auto;height:64px;max-width:60%;flex:none}
.pq-compare figcaption{font-size:.82rem;color:var(--k-muted);font-weight:700}
.pq-know{font-size:1rem!important;margin:16px 0 6px!important;color:var(--k-gold)!important}
.pq-know-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pq-know-list li{position:relative;padding-left:22px;line-height:1.45}
.pq-know-list li:before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--pq-accent);box-shadow:0 0 0 3px rgba(124,188,255,.2)}

/* ---------- Order and size boards ---------- */
.pq-board{display:flex;align-items:stretch;gap:0;border-radius:24px;background:radial-gradient(500px 260px at 0% 50%,rgba(255,180,72,.16),transparent 70%),var(--pq-space);border:1px solid var(--k-line-soft);padding:14px 14px 14px 0;overflow:hidden}
.pq-board-size{padding-left:14px}
.pq-sunside{flex:none;width:92px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
.pq-sunside svg{width:170px;flex:none;margin-right:10px}
.pq-sunside span{position:absolute;bottom:4px;right:16px;font-weight:800;font-size:.8rem;color:#2a1a00;background:var(--k-gold);border-radius:999px;padding:2px 8px}
.pq-slots-wrap{flex:1;min-width:0}
.pq-slots{list-style:none;margin:0;padding:0 0 0 10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.pq-board-size .pq-slots{padding-left:0}
.pq-n6 .pq-slots{grid-template-columns:repeat(6,minmax(0,1fr))}
.pq-n8 .pq-slots{grid-template-columns:repeat(8,minmax(0,1fr))}
.pq-slots li{min-width:0;display:flex}
.pq-slot{position:relative;width:100%;height:100%;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 4px 8px;border-radius:20px;border:3px dashed var(--k-line);background:rgba(255,255,255,.03);color:var(--k-ink)}
.pq-slot:hover:not(.is-filled){border-color:var(--pq-accent);background:rgba(124,188,255,.08)}
.pq-slot.is-over{border-color:var(--k-gold);border-style:solid;background:rgba(246,201,108,.12)}
.pq-slot.is-filled{border-style:solid;border-color:rgba(98,227,171,.55);background:rgba(98,227,171,.08);cursor:default}
.pq-slot.is-given{border-color:var(--k-line-soft);background:rgba(255,255,255,.04)}
.pq-slot.is-hinted{border-color:var(--k-gold);border-style:solid;box-shadow:0 0 0 5px rgba(246,201,108,.25)}
.pq-slot-n{position:absolute;top:6px;left:8px;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--k-surface-3);color:var(--k-ink)}
.pq-slot-ring{width:52%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(124,188,255,.35)}
.pq-slot-art{display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.pq-slot-art svg{width:100%}
.pq-rel-jupiter{width:94%}.pq-rel-saturn{width:100%}.pq-rel-uranus{width:72%}.pq-rel-neptune{width:70%}.pq-rel-earth{width:56%}.pq-rel-venus{width:54%}.pq-rel-mars{width:44%}.pq-rel-mercury{width:36%}
.pq-slot-name{font-weight:800;font-size:.86rem;line-height:1.15;text-align:center;overflow-wrap:anywhere;max-width:100%}
.pq-ends{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px!important;font-weight:800;font-size:.85rem;color:var(--k-ink)!important}
.pq-ends span{padding:3px 10px;border-radius:999px;background:var(--k-surface-3)}
.pq-ends:after{content:"";order:1;flex:1;height:0;border-top:2px dashed var(--k-line)}
.pq-ends span:last-child{order:2}

.pq-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;min-height:12px}
.pq-piece{width:104px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:22px;border:3px solid var(--k-line);background:linear-gradient(180deg,var(--k-surface-3),var(--k-surface-2));color:var(--k-ink);box-shadow:0 6px 0 #0a0f2e;touch-action:none;cursor:grab;transition:transform .12s ease,box-shadow .12s,border-color .15s}
.pq-piece svg{width:62px;height:62px;pointer-events:none}
.pq-piece span{font-weight:800;font-size:.92rem;line-height:1.1;overflow-wrap:anywhere;text-align:center}
.pq-piece:hover{transform:translateY(-2px);border-color:var(--pq-accent)}
.pq-piece.is-picked{border-color:var(--k-gold);background:linear-gradient(180deg,#2a3170,#1e2a66);box-shadow:0 0 0 5px rgba(246,201,108,.25),0 10px 0 #0a0f2e;transform:translateY(-4px)}
.pq-piece.is-dragging{opacity:.4}
.pq-ghost{position:fixed;left:0;top:0;width:76px;height:76px;transform:translate(-50%,-50%) scale(1.1);pointer-events:none;z-index:1000;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}

.pq-mnemonic{margin-top:16px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(246,201,108,.14),rgba(165,148,255,.12));border:1px solid #6b5a33}
.pq-mnemonic-words{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 6px!important;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:700;color:var(--k-ink)!important}
.pq-mnemonic-words b{color:var(--k-gold);font-size:1.25em}
.pq-mnemonic .kp-small{margin:0}

/* ---------- Quiz ---------- */
.pq-qdots{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 6px;padding:0}
.pq-qdots li{width:16px;height:16px;border-radius:50%;background:var(--k-bg-2);border:2px solid var(--k-line)}
.pq-qdots li.is-current{border-color:var(--pq-accent);box-shadow:0 0 0 3px rgba(124,188,255,.25)}
.pq-qdots li.is-star{background:var(--k-gold);border-color:var(--k-gold)}
.pq-qdots li.is-done{background:var(--pq-accent);border-color:var(--pq-accent)}
.pq-qcount{margin:0!important;font-weight:800;font-size:.85rem;color:var(--k-muted)!important}
.pq-question{font-size:clamp(1.25rem,2.8vw,1.65rem)!important;line-height:1.3;margin:4px 0 16px!important;color:var(--k-ink)!important;border-radius:10px;overflow-wrap:anywhere}
.pq-choices{display:grid;gap:clamp(10px,2vw,16px);grid-template-columns:repeat(4,minmax(0,1fr))}
.pq-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pq-choice{position:relative;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(10px,2vw,16px) 8px 12px;border-radius:24px;border:3px solid var(--k-line);background:radial-gradient(closest-side,rgba(124,188,255,.12),transparent),var(--pq-space);color:var(--k-ink);box-shadow:0 7px 0 #050920;transition:transform .12s ease,box-shadow .12s,border-color .15s}
.pq-choice svg{width:min(100%,150px);height:auto;aspect-ratio:1}
.pq-choice:not(:disabled):hover{border-color:var(--pq-accent);transform:translateY(-3px)}
.pq-choice:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px 0 #050920}
.pq-choice-n{position:absolute;top:8px;left:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 .8rem "Manrope",Inter,sans-serif;background:var(--k-surface-3);color:var(--k-ink)}
.pq-choice-name{font-weight:800;font-size:clamp(.95rem,2vw,1.15rem);overflow-wrap:anywhere;text-align:center;line-height:1.15}
.pq-choice.is-right{border-color:var(--k-mint);box-shadow:0 0 0 5px rgba(98,227,171,.3),0 7px 0 #050920;cursor:default}
.pq-choice.is-wrong{opacity:.45;border-style:dashed;border-color:var(--k-coral);cursor:default}
.pq-choice:disabled:not(.is-right):not(.is-wrong){opacity:.7;cursor:default}
.pq-explain{margin:16px 0 0!important;padding:12px 16px;border-radius:16px;background:rgba(98,227,171,.1);border:1px solid rgba(98,227,171,.35);color:var(--k-ink)!important;font-weight:600;line-height:1.45}
.pq-explain strong{color:var(--k-mint)}

/* ---------- Passport ---------- */
.pq-passport{padding:clamp(16px,3vw,26px);border-radius:26px;background:linear-gradient(160deg,#1c2b6e,#121a4a);border:2px solid #6b5a33;box-shadow:inset 0 0 0 6px rgba(246,201,108,.08)}
.pq-passport-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}
.pq-passport-head h3{margin:0!important;min-width:0;overflow-wrap:anywhere;font-size:1.4rem!important;color:var(--k-gold)!important;letter-spacing:.02em}
.pq-passport-count{margin:0!important;font-weight:800;color:var(--k-ink)!important}
.pq-stamps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pq-stamps li{min-width:0}
.pq-stamp{width:100%;min-height:56px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:20px;border:3px dashed rgba(170,179,218,.35);background:rgba(7,11,33,.35);color:var(--k-muted)}
.pq-stamp-art{width:64%;aspect-ratio:1;display:grid;place-items:center;opacity:.22;filter:grayscale(1)}
.pq-stamp-art svg{width:100%}
.pq-stamp-name{font-weight:800;font-size:.88rem;line-height:1.15;overflow-wrap:anywhere;text-align:center}
.pq-stamp.is-got{border:3px solid var(--k-coral);background:rgba(255,143,127,.08);color:var(--k-ink);box-shadow:inset 0 0 0 3px rgba(255,143,127,.2)}
.pq-stamp.is-got .pq-stamp-art{opacity:1;filter:none}
.pq-stamp.is-got.pq-tilt0{transform:rotate(-4deg)}.pq-stamp.is-got.pq-tilt1{transform:rotate(3deg)}.pq-stamp.is-got.pq-tilt2{transform:rotate(-2deg)}.pq-stamp.is-got.pq-tilt3{transform:rotate(5deg)}
.pq-stamp:hover{border-color:var(--pq-accent)}
.pq-bonus-title{margin:18px 0 10px!important;font-size:1rem!important;color:var(--k-ink-2)!important}
.pq-stamps-bonus .pq-stamp.is-got{border-color:var(--k-violet);box-shadow:inset 0 0 0 3px rgba(165,148,255,.2)}

/* ---------- Actions and win ---------- */
.pq-actions .kp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pq-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pq-keys{margin:14px 0 0}
.pq.is-won .kg-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pq-win h3{outline:0;border-radius:10px}
.pq-win .kg-stars{gap:12px}
.pq-star{width:clamp(48px,10vw,64px);height:auto;fill:rgba(246,201,108,.22);stroke:rgba(246,201,108,.5);stroke-width:1}
.pq-star.is-on{fill:var(--k-gold);stroke:#fff3c9;filter:drop-shadow(0 0 10px rgba(246,201,108,.55))}
.pq-win-actions{justify-content:center}
.pq-win:not([hidden]){animation:pq-pop .45s ease-out both}
.pq-win:not([hidden]) .pq-star.is-on{animation:pq-star .6s ease-out both}
.pq-win .pq-star:nth-child(2){animation-delay:.12s}
.pq-win .pq-star:nth-child(3){animation-delay:.24s}

/* Feedback motion (all off with reduced motion) */
.is-shake{animation:pq-shake .42s ease-in-out}
.is-pop{animation:pq-popin .35s ease-out}
.is-arrive{animation:pq-arrive .5s ease-out}
@keyframes pq-shake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes pq-popin{0%{transform:scale(.85)}70%{transform:scale(1.06)}100%{transform:none}}
@keyframes pq-arrive{0%{opacity:.4;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes pq-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}100%{opacity:1;transform:none}}
@keyframes pq-star{0%{transform:scale(.3) rotate(-30deg);opacity:0}70%{transform:scale(1.15)}100%{transform:none;opacity:1}}

.pq-print{display:none}

/* ---------- Responsive ---------- */
@media(max-width:900px){
 .pq-n8 .pq-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pq-n6 .pq-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pq-card{grid-template-columns:minmax(0,1fr)}
 .pq-card-art{max-width:240px;width:100%;justify-self:center}
}
@media(max-width:600px){
 .pq .kg-toolbar{flex-direction:column;align-items:stretch}
 .pq-areas{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px!important}
 .pq-areas button{justify-content:center;border-radius:16px!important;padding:6px 6px!important;flex-direction:column;gap:2px!important;font-size:.82rem}
 .pq-level{border-radius:22px!important;display:grid!important;grid-template-columns:1fr;width:100%}
 .pq-level button{justify-content:flex-start;border-radius:16px!important}
 .pq-level-stars{margin-left:auto}
 .pq-map-shell{grid-template-columns:minmax(0,1fr)}
 .pq-map-nav{position:absolute;bottom:-58px;z-index:3}
 .pq-map-prev{left:0}.pq-map-next{left:56px}
 .pq-scale-note{margin-top:12px;padding-left:116px;min-height:44px}
 .pq-track{padding-top:56px}
 .pq-stop-art{height:150px}
 .pq-orbitline{top:calc(56px + 75px)}
 .pq-stop-moon .pq-stop-art{padding-top:30px}
 .pq-stop-jupiter .pq-stop-art svg{width:112px}
 .pq-stop-saturn .pq-stop-art svg{width:146px}
 .pq-facts{grid-template-columns:minmax(0,1fr)}
 .pq-board{flex-direction:column;padding:0 10px 12px}
 .pq-board-size{padding-top:12px}
 .pq-sunside{width:auto;height:52px;align-items:center;justify-content:flex-end;margin:0 -10px 10px}
 .pq-sunside svg{width:240px;margin:0 0 -190px}
 .pq-sunside span{bottom:auto;top:8px;right:auto;left:50%;transform:translateX(-50%)}
 .pq-slots{padding-left:0;gap:8px}
 .pq-n6 .pq-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pq-slot{min-height:112px;border-radius:16px}
 .pq-tray{gap:8px}
 .pq-piece{width:90px;min-height:100px;border-radius:18px;padding:8px 4px}
 .pq-piece span{font-size:.84rem;overflow-wrap:normal}
 .pq-piece svg{width:52px;height:52px}
 .pq-choices,.pq-c3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pq-choice{border-radius:18px}
 .pq-stamps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
 .pq-slots,.pq-n8 .pq-slots,.pq-n6 .pq-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pq-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pq-choice-n{display:none}
 .pq-piece{width:76px}
}
@media(prefers-reduced-motion:reduce){
 .pq *,.pq *:before,.pq *:after{animation:none!important;transition:none!important}
 .pq-stop:hover .pq-stop-art,.pq-piece:hover,.pq-choice:hover,.pq-piece.is-picked{transform:none!important}
}

/* ---------- Print: colouring page + mini fact booklet, black outlines on white A4 ---------- */
@media print{
 @page{size:A4;margin:12mm}
 .kp-header,.kp-footer,.kids-skip,.kp-back,.kg-hero,.kg-grownups,.pq .kg-toolbar,.pq-sub,.pq-howto,.pq-panel,.pq-mnemonic,.kg-status,.pq-actions,.pq-keys,.pq-win{display:none!important}
 .kg-stage.pq{background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
 .pq-print{display:block;color:#000}
 .pq-print p{color:#000!important;margin:0 0 2.5mm!important;max-width:none}
 .pq-print-page{break-after:page}
 .pq-print-page:last-child{break-after:auto}
 .pq-print-title{font:800 22pt/1.2 "Manrope",Inter,sans-serif;text-align:center}
 .pq-print-name{font-size:13pt}
 .pq-print-name span{display:inline-block;width:70mm;border-bottom:.4mm solid #000;margin-left:2mm}
 .pq-print-task{font-size:12pt}
 .pq-colour-svg{display:block;width:100%;max-height:228mm;height:auto;margin:2mm auto 0}
 .pq-bk{list-style:none;margin:4mm 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
 .pq-bk-card{display:flex;gap:3mm;align-items:flex-start;padding:3.5mm;border:.35mm dashed #000;margin:-.175mm;break-inside:avoid;min-height:60mm}
 .pq-bk-pic{width:24mm;height:24mm;flex:none}
 .pq-bk-text p{font-size:9pt;line-height:1.3;margin:0 0 1mm!important}
 .pq-bk-text .pq-bk-name{font:800 14pt/1.1 "Manrope",Inter,sans-serif;margin-bottom:.5mm!important}
 .pq-bk-text .pq-bk-type{font-size:8.5pt;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5mm!important}
 .pq-bk-text .pq-bk-fact{margin-top:1.5mm!important;font-style:italic}
}