:root{--comic-ink:#35233f;--comic-yellow:#ffdb27;--comic-pink:#f847a1;--comic-blue:#38b3f3}body.adventure-active{background:#43b5f3;overflow-x:hidden}body.adventure-active>header,body.adventure-active>footer{display:none}body.adventure-active #app{max-width:none;margin:0;padding:0}.adventure-scene{position:relative;max-width:600px;min-height:100svh;margin:auto;padding:calc(16px + env(safe-area-inset-top)) 22px calc(20px + env(safe-area-inset-bottom));color:var(--comic-ink);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background-color:#45b8f6;background-image:radial-gradient(circle at 20% 40%,#ffffff12 0 70px,transparent 72px),radial-gradient(circle at 80% 80%,#ffffff18 0 100px,transparent 102px)}.adventure-scene:before{content:'✦';position:absolute;left:15px;top:18%;font-size:100px;opacity:.12;pointer-events:none}.adventure-scene h1{font-size:clamp(34px,8vw,60px);font-weight:1000;line-height:1.05;margin:10px 0;color:#fff8dd;-webkit-text-stroke:2px var(--comic-ink);paint-order:stroke fill;text-shadow:0 5px var(--comic-ink)}.adventure-toolbar{display:flex;justify-content:space-between;width:100%;font-weight:1000;font-size:14px}.adventure-toolbar button,.adventure-text{border:0;background:transparent;color:var(--comic-ink);font:inherit;font-weight:900;cursor:pointer}.tutorial-scene{justify-content:flex-start;gap:10px}.lesson-progress{display:flex;gap:9px}.lesson-progress i{font-style:normal;border:2px solid var(--comic-ink);border-radius:50%;width:28px;height:28px;background:#fff;color:#87658d;font-weight:900}.lesson-progress .done{background:var(--comic-yellow);color:var(--comic-ink)}.adventure-cards{display:flex;flex-direction:column;gap:18px;width:100%;align-items:center}.adventure-cards .card-stack{width:min(100%,340px);position:relative;aspect-ratio:1}.adventure-cards .card{width:100%;height:100%;margin:0;border:2px solid #5c486a;background:#fffef1;box-shadow:0 4px 0 #35233f33}.adventure-cards .symbol{width:27%;height:27%}.adventure-guide{display:flex;align-items:center;width:100%;gap:10px;z-index:2}.adventure-guide .speech-bubble{flex:1;background:white;border:3px solid var(--comic-ink);border-radius:36px;padding:20px 16px;font-size:clamp(15px,4vw,19px);line-height:1.3;font-weight:900;box-shadow:0 5px #35233f44;position:relative}.guide-portrait{width:95px;flex-shrink:0}.guide-portrait img{width:100%;height:120px;object-fit:contain;filter:drop-shadow(0 5px 0 #35233f44)}.adventure-status{min-height:22px;font-weight:900;font-size:14px;margin:0}.lesson-hint{animation:lesson-pulse 1.2s infinite}@keyframes lesson-pulse{50%{filter:drop-shadow(0 0 10px #ffcf26);scale:1.1}}.comic-button{font:inherit;font-weight:1000;border:3px solid var(--comic-ink);background:var(--comic-yellow);color:var(--comic-ink);border-radius:36px;min-height:64px;padding:12px 28px;font-size:22px;box-shadow:0 7px 0 var(--comic-ink);cursor:pointer;width:min(100%,360px);transition:transform .15s}.comic-button:active{transform:translateY(5px);box-shadow:0 2px var(--comic-ink)}.comic-button.pink{background:var(--comic-pink);color:white}.comic-button.blue{background:var(--comic-blue);color:white}.comic-button:disabled{opacity:.5}.boss-poster{display:flex;align-items:center;gap:15px}.boss-poster img{width:130px;height:170px;object-fit:contain}.boss-poster span{font-size:34px;font-weight:1000;color:var(--comic-yellow);text-shadow:0 3px var(--comic-ink)}.power-preview{display:flex;gap:12px;width:100%}.power-preview>div{flex:1;display:flex;flex-direction:column;align-items:center}.power-preview b{font-size:14px}.power-preview small{font-size:12px;line-height:1.2}.power-art{display:block;width:90px;aspect-ratio:1;background-image:url('/assets/power-ups.png');background-size:300% 100%;background-repeat:no-repeat}.power-freeze{background-position:left center}.power-hammer{background-position:center}.power-wand{background-position:right center}.battle-scene{background:#7a255a url('/assets/play-bg.png') center/cover;justify-content:space-between;gap:12px}.duel-top{display:flex;gap:12px;width:100%;z-index:3}.duel-hud{display:flex;align-items:center;background:#f852ad;border:3px solid var(--comic-ink);border-radius:18px;box-shadow:0 4px var(--comic-ink);flex:1;min-width:0;padding:5px;gap:6px}.duel-hud>span{display:block;width:52px;height:62px;border:2px solid var(--comic-ink);border-radius:12px;background:var(--comic-yellow);flex-shrink:0}.duel-hud img{width:100%;height:100%;object-fit:contain}.duel-hud>div{flex:1;min-width:0}.duel-hud strong{display:block;color:white;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px var(--comic-ink)}.duel-rival{background:#b36d35;flex-direction:row-reverse}.duel-health{display:flex;gap:2px;border:2px solid #fff7cd;border-radius:9px;padding:3px;background:#795283;margin-top:5px}.duel-health i{height:12px;flex:1;background:#5a396f;border-radius:4px}.duel-health .full{background:linear-gradient(#e5ff39,#93ce00)}.duel-stage{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.duel-bottom{display:flex;width:100%;justify-content:space-between;align-items:center}.pause-button{width:64px;height:64px;border-radius:50%;border:3px solid var(--comic-ink);background:var(--comic-yellow);box-shadow:0 5px var(--comic-ink);font-weight:1000;font-size:34px;cursor:pointer}.power-controls{display:flex;gap:12px}.power-button{position:relative;border:0;background:none;padding:0;cursor:pointer}.power-button .power-art{width:74px}.power-button b{position:absolute;bottom:0;right:0;width:25px;height:25px;background:var(--comic-yellow);border:2px solid var(--comic-ink);border-radius:50%;font-size:14px;color:var(--comic-ink)}.power-button:disabled{filter:grayscale(.6);opacity:.5}.battle-scene>.adventure-status{color:white;text-shadow:0 2px var(--comic-ink)}.ice-tag{position:absolute;top:0;right:0;z-index:4;background:#c3f6ff;color:#006d9a;padding:10px;border-radius:16px;border:3px solid #fff;font-size:24px;box-shadow:0 0 20px #8aedff}.hammer-hidden{visibility:hidden;pointer-events:none}.adventure-overlay{position:absolute;inset:0;background:#251232da;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:25px}.victory-scene{background:repeating-conic-gradient(from 0deg at 50% 45%,#f64bb7 0 12deg,#e03ba5 12deg 24deg)}.victory-portrait img{width:150px;height:180px;object-fit:contain}.victory-reward{background:#fff3d2;border:3px solid var(--comic-ink);border-radius:18px;padding:12px 22px;font-weight:900}.profile-scene{background:#ffdf36}.profile-scene h1{color:var(--comic-ink);-webkit-text-stroke:0;text-shadow:none}.adventure-avatars{display:flex;gap:14px}.adventure-avatars button{background:#cf7ad8;border:4px solid var(--comic-ink);border-radius:20px;padding:10px;cursor:pointer;opacity:.6;transform:scale(.9)}.adventure-avatars button.selected{opacity:1;background:white;transform:scale(1.06);box-shadow:0 0 0 5px white}.adventure-avatars img{width:80px;height:110px;object-fit:contain}.profile-scene .input{max-width:360px;text-align:center;border:3px solid var(--comic-ink);border-radius:30px;font-size:24px}.profile-scene p{max-width:400px}.portal-menu{max-width:660px;margin:auto;text-align:center;padding:20px 16px}.portal-art{position:relative;height:220px;display:flex;justify-content:center;align-items:end}.portal-art:before{content:'';position:absolute;width:200px;height:200px;bottom:0;border:6px solid #f8b8ff;border-radius:50%;background:repeating-conic-gradient(#ae41e9 0 15deg,#e766ff 15deg 30deg);box-shadow:0 0 45px #d943ff;animation:portal-glow 3s infinite alternate}.portal-art img{height:190px;width:160px;object-fit:contain;z-index:1;filter:drop-shadow(0 8px #35233f44)}@keyframes portal-glow{to{box-shadow:0 0 70px #f4aaff}}.portal-menu h1{font-size:70px;margin:12px 0;color:#ffdd32;text-shadow:0 5px #35233f;-webkit-text-stroke:2px #35233f;paint-order:stroke fill}.portal-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.portal-nav{display:flex;justify-content:center;gap:9px;margin:30px 0 15px}.portal-nav button{background:#8a45b3;border:2px solid #35233f;border-radius:16px;padding:12px;color:white;font:inherit;font-weight:900;cursor:pointer}.portal-more{background:#ffffffd9;border:3px solid #35233f;border-radius:22px;padding:12px;margin:25px 0;color:#35233f}.portal-more summary{font-weight:900;cursor:pointer}.portal-more .secondary-modes{margin:12px 0}.portal-mobile{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.portal-mobile button{font:inherit;border:0;border-radius:20px;padding:8px 15px;background:#ffdf36;color:#35233f;font-weight:900;cursor:pointer}.loading-scene{background:#ffdf36;color:#35233f}.loading-scene img{width:170px}.loading-spinner{border:7px solid #35233f22;border-top-color:#35233f;border-radius:50%;width:45px;height:45px;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(1turn)}}@media(max-width:600px){.adventure-scene{gap:10px;padding-inline:16px}.tutorial-scene .adventure-cards .card-stack{width:min(76vw,31svh)}.battle-scene .adventure-cards .card-stack{width:min(88vw,36svh)}.guide-portrait{width:76px}.guide-portrait img{height:95px}.adventure-guide .speech-bubble{padding:14px 12px}.duel-top{gap:8px}.duel-hud>span{width:42px;height:53px}.duel-hud strong{font-size:14px}.power-controls{gap:7px}.power-button .power-art{width:64px}.adventure-avatars img{width:64px;height:95px}.portal-art{height:190px}.portal-menu h1{font-size:60px}.portal-menu .profile-bar{margin-top:0}}@media(prefers-reduced-motion:reduce){.lesson-hint,.loading-spinner,.portal-art:before{animation:none}.comic-button{transition:none}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
.adventure-scene{box-sizing:border-box}.adventure-cards .card-stack{width:min(100%,340px,31svh)}.battle-scene .adventure-cards .card-stack{width:min(100%,360px,34svh)}