@font-face{font-family:Khaira;src:url('assets/fonts/Fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{font-family:Khaira,'Arial Rounded MT Bold',sans-serif;color:#fff;background:#171329;color-scheme:dark;--neutral:#38344f;--pink:#f13c96}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}button,input{font:inherit}button{color:#fff;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:600;text-shadow:none;-webkit-text-stroke:0}button:focus-visible{outline:3px solid white;outline-offset:2px}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:default;opacity:.5}#app{width:min(100vw,calc((100svh - 24px)*16/9),1680px);margin:auto}.stage{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;isolation:isolate;border-radius:1.6cqw;background:#191348}.scene-video,.scene-still{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.toolbar{position:absolute;inset:2% 1.8% auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:4;pointer-events:none}.toolbar>div{display:flex;gap:.65cqw;align-items:flex-start}.toolbar button,.toolbar span{pointer-events:auto}.tool{width:5.2cqw;height:5.2cqw;aspect-ratio:1;border-radius:1cqw;display:grid;place-items:center;background:var(--neutral);padding:1cqw;position:relative}.tool svg{width:100%;height:100%;fill:currentColor}.tool[aria-pressed=false]{opacity:.65}.progress{padding:1.1cqw 1.5cqw;background:var(--neutral);border-radius:1cqw;font-size:2.2cqw;font-weight:650;white-space:nowrap}.reward-counter{position:absolute;top:100%;margin-top:.2cqw;border-radius:.6cqw;background:var(--neutral);font-size:1.55cqw;padding:.1cqw .8cqw;white-space:nowrap}.lives{position:absolute;left:50%;top:3%;transform:translateX(-50%);display:flex;gap:.4cqw;color:#ffe666}.lives svg{fill:currentColor;width:2.15cqw;height:2.15cqw}.life.lost{color:#686275}.life.breaking{animation:star-break .65s forwards}@keyframes star-break{30%{transform:scale(2)}100%{transform:scale(.5);opacity:.25}}
.hit{position:absolute;background:transparent;font-size:2.8cqw;display:grid;place-items:center;padding:0;line-height:1.1;z-index:2;border-radius:5cqw}.hit.small{font-size:2cqw}.hit:disabled{opacity:.4}.hit:focus-visible{outline-offset:-.5cqw}.pink{background:var(--pink);border-radius:3cqw;padding:1cqw 2.6cqw;font-size:2.3cqw;min-height:4.2cqw}.bottom-action{position:absolute;bottom:3%;right:3%;z-index:3}.skip{position:absolute;bottom:3%;left:3%;font-size:1.8cqw;padding:.7cqw 1.5cqw;border-radius:1cqw;background:var(--neutral);z-index:3}.planet-hit{position:absolute;background:transparent;border-radius:50%;z-index:2}.planet-hit:disabled{opacity:1}.planet-hit.completed::after{content:'✓';position:absolute;right:6%;top:3%;background:var(--neutral);border-radius:50%;width:3cqw;height:3cqw;display:grid;place-items:center;font-size:2.1cqw}.map-title{position:absolute;top:2.5%;left:35%;right:35%;margin:0;text-align:center;background:var(--neutral);border-radius:1cqw;padding:.5cqw;font-size:2.3cqw}.map-menu{position:absolute;bottom:2%;right:2%;z-index:3;font-size:1.8cqw}
.question-content{position:absolute;left:22%;top:39%;width:56%;height:18%;color:var(--neutral);display:flex;align-items:center;justify-content:center;text-align:center;font-size:8cqw;font-weight:650;line-height:1;z-index:2;pointer-events:none}.question-content.complex{font-size:3cqw;flex-direction:column;gap:.6cqw;line-height:1.05}.question-content.pattern{left:23%;top:45%;width:54%;height:20%}.question-content.logic{left:17%;top:47%;width:66%;height:21%}.visual{display:flex;justify-content:center;align-items:center;gap:.6cqw;flex-wrap:wrap;width:100%}.visual .shape{width:3.6cqw;height:3.6cqw}.sequence .shape{width:5.2cqw;height:5.2cqw}.shape{display:inline-block;width:5cqw;height:5cqw;vertical-align:middle;fill:currentColor}.visual-group{display:flex;align-items:center;gap:1cqw}.object-group{display:flex;justify-content:center;flex-wrap:wrap;gap:.15cqw;max-width:24cqw}.object-group .shape{width:1.7cqw;height:1.7cqw}.compare-label{font-size:1.4cqw;display:block}.answer{font-size:7.6cqw}.answer.word{font-size:3cqw}.answer .shape{width:7cqw;height:7cqw}.answer-hint{position:absolute;bottom:1.5%;left:25%;right:25%;text-align:center;font-size:1.65cqw;background:var(--neutral);padding:.25cqw;border-radius:1cqw;margin:0}.media-warning{position:absolute;bottom:1%;left:1%;right:1%;text-align:center;font-size:1.7cqw;background:var(--neutral);padding:.6cqw;z-index:5}.media-retry{margin-left:1cqw;background:var(--pink);border-radius:.5cqw;padding:.3cqw 1cqw}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.modal-layer{position:absolute;inset:0;background:#171329aa;display:grid;place-items:center;z-index:8}.modal{position:relative;width:62%;max-height:94%;overflow:auto;background:var(--neutral);border-radius:3cqw;padding:3cqw;text-align:center;font-size:2cqw;line-height:1.25}.modal.reward-modal{width:70%;padding:2.5cqw 3cqw}.modal h2{font-size:3.7cqw;margin:.1cqw 3cqw 1cqw;font-weight:650;line-height:1.05}.modal p{margin:1cqw 0}.modal .close{position:absolute;top:1.2cqw;right:1.2cqw;width:3.8cqw;height:3.8cqw;padding:.8cqw}.modal-actions{display:flex;justify-content:center;gap:1cqw;margin-top:1.5cqw;flex-wrap:wrap}.modal-actions .pink{font-size:2cqw}.modal label{display:block;text-align:left;margin:1cqw 0}.modal input[type=range]{display:block;width:100%;accent-color:var(--pink);height:3cqw}.modal output{float:right}.reward-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw;margin:1.8cqw 0}.reward-item{font-size:1.7cqw;font-weight:500}.reward-art{position:relative;width:8cqw;height:8cqw;margin:auto}.reward-art svg{width:100%;height:100%}.reward-art .status-icon{position:absolute;width:3.2cqw;height:3.2cqw;right:.2cqw;bottom:0;color:white}.reward-item.locked .planet-art,.trophy.locked .planet-art{filter:grayscale(1);opacity:.4}.reward-item small{display:block;margin-top:.25cqw;font-size:1.5cqw}.trophy{font-size:1.8cqw}.trophy .reward-art{width:6cqw;height:6cqw}.trophy small{display:block;font-size:1.5cqw}.pause-options{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}.pause-options .pink{font-size:2cqw;width:100%}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:2.5cqw;padding:3cqw}.loading button{background:var(--pink);border-radius:2cqw;padding:1cqw 3cqw}#notice{font-size:11px;text-align:center;min-height:14px;margin:3px;color:#d5d0e2}.orientation{display:none;font-size:13px;text-align:center;color:#d5d0e2;margin:4px}@media(orientation:portrait){#app{width:100vw}.orientation{display:block}.stage{border-radius:0}.tool{width:6.5cqw;height:6.5cqw}.toolbar{inset:2% 1.5% auto}.progress{font-size:2.8cqw}.modal{width:86%;font-size:2.7cqw}.modal.reward-modal{width:88%}.modal h2{font-size:4cqw}.pink{font-size:2.8cqw}.reward-art{width:10cqw;height:10cqw}.reward-item{font-size:2cqw}.reward-item small{font-size:1.8cqw}.modal-actions .pink{font-size:2.8cqw}}.static-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.life{position:relative;display:inline-block}.break-piece{position:absolute;inset:0;color:#ffe666;pointer-events:none}.break-piece.left{clip-path:inset(0 50% 0 0);animation:split-left .7s forwards}.break-piece.right{clip-path:inset(0 0 0 50%);animation:split-right .7s forwards}@keyframes split-left{25%{transform:scale(2)}100%{transform:translate(-.8cqw,.8cqw) scale(2);opacity:0}}@keyframes split-right{25%{transform:scale(2)}100%{transform:translate(.8cqw,.8cqw) scale(2);opacity:0}}.static-motion .break-piece{display:none}

.hit>span{transform:translateY(-.08em)}
.media-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.media-layer .scene-video{opacity:0}.media-layer .scene-video.on{opacity:1}