.sequence-game,.repair-game{max-width:1100px;margin:auto;text-align:center;background:#fff9e4db;padding:22px;border-radius:30px;box-shadow:0 12px 35px #165a5320}
.sequence-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 20px;direction:rtl}
.sequence-slot{position:relative;aspect-ratio:1;border:5px solid #fff4c8!important;border-radius:24px;background:#e3e6c4!important;padding:5px!important;overflow:visible!important;min-width:0;box-shadow:0 7px 0 #c8b887!important}
.sequence-slot img,.sequence-card img{width:100%;height:100%;object-fit:cover;border-radius:16px;pointer-events:none;display:block}
.sequence-number{position:absolute;top:-25px;left:calc(50% - 24px);width:48px;height:48px;background:#ffe580;color:#5d391b;border:3px solid #fff8df;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;z-index:2}
.slot-hint{color:#627967;font-size:clamp(12px,2vw,20px)}
.sequence-bank,.repair-bank{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;min-height:110px;align-items:center;background:#fff5d9;padding:16px;border-radius:24px}
.sequence-card{width:clamp(85px,19vw,180px);aspect-ratio:1;padding:5px!important;border:0!important;background:#fff9df!important;border-radius:18px;box-shadow:0 5px 0 #cabc91!important}
[data-play-piece]{touch-action:none;cursor:grab;user-select:none;transform:none!important}
[data-play-piece]:active{cursor:grabbing}.picked{outline:4px solid #18b5a8!important;outline-offset:4px}
.play-status{min-height:1.8em;font-weight:800;color:#125f63;font-size:20px;margin:16px 0}.play-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.play-controls button:disabled{opacity:.45;cursor:not-allowed}
.narrating{outline:6px solid #ffc93e!important;box-shadow:0 0 24px #ffdc47!important}.story-narration{font-size:23px;line-height:1.9;color:#144f59;font-weight:700}
.repair-scene{position:relative;width:100%;aspect-ratio:3/2;border-radius:22px;overflow:hidden}.repair-scene>img{width:100%;height:100%;object-fit:fill;display:block}
.repair-hole{position:absolute;transform:translate(-50%,-50%)!important;width:14%;aspect-ratio:1;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid;place-items:center}
.hole-outline{width:100%;height:100%;border:3px dashed #fff5cb;background:#70472c70;display:block}.outline-circle{border-radius:50%}.outline-square{border-radius:9px}.outline-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:#6e563ad9}
.repair-piece{width:clamp(68px,11vw,105px);height:clamp(68px,11vw,105px);padding:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid;place-items:center}.repair-piece:disabled{visibility:hidden}
.repair-shape{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 2px #734d3530)}.shape-circle{border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff294,#ffd035 50%,#e5a615);box-shadow:inset 0 3px 2px #fff7ad,inset 0 -5px 0 #c99a0a}.shape-square{border-radius:15%;background:linear-gradient(135deg,#ff9b8d,#f24b55 55%,#c92a3a);box-shadow:inset 0 3px 2px #ffb5a9,inset 0 -5px 0 #a92536}.shape-triangle{clip-path:polygon(50% 1%,99% 99%,1% 99%);background:linear-gradient(135deg,#8ee0ff,#359bed 55%,#1c64bd)}
.repair-hole.repaired .repair-shape{width:100%;height:100%}.play-drag-ghost{position:fixed!important;z-index:100000;pointer-events:none!important;transform:translate(-50%,-50%) scale(1.08)!important;width:105px!important;height:105px!important;opacity:.95}
@media(max-width:600px){.sequence-game,.repair-game{padding:14px 9px}.sequence-slots{gap:9px}.sequence-slot{border-width:3px!important;border-radius:15px}.sequence-number{width:34px;height:34px;left:calc(50% - 17px);top:-19px;font-size:22px}.sequence-bank,.repair-bank{gap:12px;padding:12px}.play-status{font-size:17px}.story-narration{font-size:19px}.repair-hole .hole-outline{border-width:2px}.play-controls button{font-size:16px;padding:12px 15px}}

.catalog-shell:has(.repair-game) .catalog-header,.catalog-shell:has(.sequence-game) .catalog-header{padding-top:5px;padding-bottom:5px;min-height:85px}.catalog-shell:has(.repair-game) .catalog-heading .overline,.catalog-shell:has(.sequence-game) .catalog-heading .overline{display:none}.catalog-shell:has(.repair-game) .catalog-heading p,.catalog-shell:has(.sequence-game) .catalog-heading p{display:none}.catalog-shell:has(.repair-game) .crumbs,.catalog-shell:has(.sequence-game) .crumbs{margin:8px 0}.repair-game{padding-top:10px}.repair-game>p{margin:5px 0 10px}.repair-scene{width:min(100%,calc((100svh - 340px)*1.5));min-width:min(100%,300px);margin:auto}.repair-bank{padding:8px;min-height:85px;margin-top:10px}.repair-piece{width:75px;height:75px}.repair-game .play-status{margin:8px 0}.sequence-game h2{margin:5px}.sequence-game>p{margin:8px}.sequence-slots{max-width:760px;margin-left:auto;margin-right:auto}.sequence-slot{max-height:250px}.sequence-bank{min-height:90px}.sequence-card{width:clamp(75px,15vw,135px)}

.float-game{max-width:950px;margin:auto;text-align:center;background:#fff9e6ed;padding:20px;border-radius:28px}.float-tank{position:relative;width:min(100%,650px);aspect-ratio:3/2;margin:auto}.float-tank>img{width:100%;height:100%;border-radius:20px}.float-object{position:absolute;width:21%;height:23%;left:39.5%;transition:top 1.2s ease-in-out}.float-object img{width:100%;height:100%;object-fit:contain}.float-object.waiting{top:18%}.float-object.at-surface{top:32%}.float-object.at-bottom{top:59%;opacity:.85}.water-label,.bottom-label{position:absolute;right:10%;background:#fff9d8dc;color:#125f68;border-radius:8px;padding:3px 8px;font-size:14px}.water-label{top:40%}.bottom-label{top:76%}.float-choices{display:flex;justify-content:center;gap:18px}.float-choices>button{display:flex;align-items:center;gap:12px}.float-mini{position:relative;display:block;width:70px;height:62px;border:3px solid #67a6bc;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;background:#eafaff}.mini-water{position:absolute;inset:25px 0 0;background:#7cdaeb}.mini-ball{position:absolute;width:19px;height:19px;left:23px;border-radius:50%;background:#f4be36;box-shadow:inset 0 3px 2px #ffeb9a}.mini-ball.surface{top:16px}.mini-ball.bottom{top:37px}@media(max-width:600px){.float-game{padding:12px}.float-choices{gap:8px}.float-choices>button{font-size:15px;padding:10px;gap:5px}.float-mini{width:50px;height:55px}.mini-ball{left:13px}.float-game h2{font-size:23px}}

.repair-shape-img{width:114%;height:114%;max-width:none;object-fit:contain;pointer-events:none}.repair-hole .repair-shape-img{position:absolute;left:-7%;top:-7%}

.catalog-shell:has(.float-game) .catalog-header{min-height:85px;padding-top:5px;padding-bottom:5px}.catalog-shell:has(.float-game) .catalog-heading .overline,.catalog-shell:has(.float-game) .catalog-heading p{display:none}.catalog-shell:has(.float-game) .crumbs{margin:8px 0}.float-game{padding-top:8px}.float-game h2{margin:5px}.float-game h3{margin:7px}.float-tank{width:min(100%,calc((100svh - 410px)*1.5));min-width:min(100%,280px)}.float-game .play-status{margin:10px 0;font-size:18px}.float-choices .soft-button{padding:8px 18px}

.math-label .approved-number-row{--number-size:28px!important}.math-label .approved-number{width:auto!important;height:33px!important;min-height:0!important}.math-symbol .approved-number{max-height:90px}.hamza-letter{overflow:visible!important;object-fit:contain!important}

.clothing-choice{display:flex!important;flex-direction:column;align-items:center;gap:10px;min-width:135px!important}.clothing-choice img{width:clamp(95px,15vw,180px);height:clamp(95px,15vw,180px);object-fit:contain}.clothing-choice span{font-size:20px;font-weight:800}

.activity-panel>.ground-track-photo{height:170px;width:190px;margin:auto;display:block}
