*{box-sizing:border-box;margin:0;padding:0}:root{--ink: #3b2f4b;--paper: #f3f1fa;--sky: #8ec9f5;--accent: #f4a259;--accent-dark: #e08b3d;--good: #3aa645;--bad: #e63946;--purple: #9b5de5;--radius: 18px;--shadow: 0 4px 0 rgba(59, 47, 75, .18)}html,body{height:100%}body{font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse 60% 40% at 15% 8%,rgba(247,143,179,.35),transparent 70%),radial-gradient(ellipse 50% 35% at 88% 20%,rgba(255,212,94,.32),transparent 70%),radial-gradient(ellipse 55% 45% at 50% 95%,rgba(127,214,176,.28),transparent 70%),#bfe3fb;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,h4,.hud-title,.btn.primary,.nav-teach,.report-title,.scene-tag{font-family:"Baloo 2",Nunito,system-ui,sans-serif}#root{height:100%}html,body{overflow-x:hidden}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--paper);position:relative;display:flex;flex-direction:column;box-shadow:0 0 40px #3b2f4b26}.screen{flex:1;display:flex;flex-direction:column;animation:screenIn .35s ease}.screen-host{flex:1;display:flex;flex-direction:column;min-height:0}.screen-host .screen{animation:none}.screen-host.nav-fwd{animation:navFwd .34s cubic-bezier(.3,.9,.4,1)}.screen-host.nav-back{animation:navBack .34s cubic-bezier(.3,.9,.4,1)}.screen-host.nav-in{animation:navIn .42s cubic-bezier(.3,1.1,.4,1)}.screen-host.nav-out{animation:navOut .4s cubic-bezier(.3,1,.4,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.btn{font-family:inherit;font-size:1rem;font-weight:700;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:12px 18px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease,background .15s ease;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 1px #3b2f4b2e}.btn.primary{background:linear-gradient(135deg,#ffb13b,#ff6f91);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 5px #241c3d4d}.btn.primary:hover{filter:brightness(1.05)}.btn.big{font-size:1.1rem;padding:15px 22px}.btn.option{text-align:left;width:100%}.btn.option.right{background:#d9f2dc;border-color:var(--good)}.btn.option.wrong{background:#fbdfe1;border-color:var(--bad);animation:shake .35s ease}.btn:disabled{opacity:.7;cursor:default}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.audio-btn{font-size:1.05rem;background:#eef4ff}.big-audio{font-size:1.3rem;padding:16px 26px;margin:12px auto;display:block}.jelly{display:inline-block}.jelly svg{overflow:visible;transform-origin:50% 95%;animation:jellyIdle 2.6s ease-in-out infinite}.jelly-bounce svg{animation:jellyBounce .7s ease infinite}@keyframes jellyIdle{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.955) scaleX(1.03)}}@keyframes jellyBounce{0%,to{transform:translateY(0) scaleY(1)}35%{transform:translateY(-9px) scaleY(1.05)}65%{transform:translateY(0) scaleY(.93) scaleX(1.06)}}.jelly-mouth.talking{animation:talkMouth .35s ease-in-out infinite;transform-origin:60px 78px}@keyframes talkMouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}.jelly-arm{animation:wave .9s ease-in-out infinite;transform-origin:100px 62px}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}.speech-bubble{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:14px 16px;max-width:340px;position:relative;box-shadow:var(--shadow);animation:bubblePop .25s ease}.speech-bubble:before{content:"";position:absolute;top:-12px;left:40px;border:8px solid transparent;border-bottom-color:var(--ink)}.speech-bubble p{margin-top:4px;line-height:1.45}.speech-bubble.small{flex:1}@keyframes bubblePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:3px solid var(--ink)}.hud-left{display:flex;align-items:center;gap:10px}.hud-title{font-weight:800;font-size:1rem}.hud-sub{font-size:.75rem;opacity:.7}.hud-right{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.chip{background:#fff3d6;border:2px solid var(--ink);border-radius:999px;font-size:.78rem;font-weight:700;padding:3px 10px;white-space:nowrap}.map-canvas{flex:1;min-height:0}.city-svg{width:100%;height:100%;display:block}.bldg.open{cursor:pointer}.bldg.open:hover rect:first-of-type{filter:brightness(1.05)}.bldg-label{font-size:15px;font-weight:800;fill:var(--ink)}.bldg-cefr{font-size:12px;font-weight:700;fill:#6b6178}.bldg-sign{animation:signBob 1.6s ease-in-out infinite}.bldg-sign-text{font-size:13px;font-weight:800;fill:var(--ink)}.lot-text{font-size:11px;font-weight:800;fill:var(--ink)}@keyframes signBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.map-footer{padding:12px 16px 16px;background:#fff;border-top:3px solid var(--ink);font-size:.85rem;line-height:1.45}.cefr-strip{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.cefr-pill{border:2.5px solid;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800}.cefr-pill.corp{border-color:var(--ink);background:#ffe9c7}.scene-header{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:3px solid var(--ink)}.guide-header{background:#eee4fb}.prep-header{background:#ffe9c7}.class-header{background:#dcecfb}.exam-header{background:#fbe3e5}.scene-tag{background:var(--ink);color:#fff;border-radius:999px;font-size:.8rem;font-weight:700;padding:4px 12px}.scene-tag.light{background:#fff;color:var(--ink);border:2px solid var(--ink)}.dialog-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 18px;text-align:center}.dialog-stage .speech-bubble:before{left:50%;margin-left:-8px}.stage-hint{padding:14px 18px;line-height:1.5;font-size:.95rem}.study-stage{flex:1;display:flex;flex-direction:column;padding-bottom:20px}.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 18px}.vocab-card{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:12px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease}.vocab-card:active{transform:translateY(3px)}.swatch{width:52px;height:52px;border-radius:50%;border:3px solid var(--ink)}.vocab-en{font-size:1.15rem;font-weight:800}.vocab-es{font-size:.85rem;opacity:.75}.vocab-audio{font-size:.9rem}.study-stage>.btn,.prep-lobby>.btn{margin:4px 16px 0}.checks-stage{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px}.dialog-row{display:flex;gap:12px;align-items:flex-start}.dialog-row .speech-bubble:before{left:-14px;top:24px;transform:rotate(-90deg)}.options-col{display:flex;flex-direction:column;gap:10px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feedback{border-radius:var(--radius);padding:12px 14px;font-weight:600;animation:bubblePop .25s ease}.feedback.good{background:#d9f2dc;border:3px solid var(--good);display:flex;flex-direction:column;gap:10px}.feedback.bad{background:#fbdfe1;border:3px solid var(--bad)}.prep-lobby{flex:1;display:flex;flex-direction:column;padding-bottom:20px}.stations-col{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.station-card{font-family:inherit;display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:14px 16px;cursor:pointer;box-shadow:var(--shadow);font-size:1rem;text-align:left}.station-card.done{background:#d9f2dc;cursor:default}.station-icon{font-size:1.7rem}.station-info{flex:1;display:flex;flex-direction:column}.station-info small{opacity:.7}.station-go{font-size:1.3rem;font-weight:800}.prep-ready{padding:6px 16px 0;display:flex;flex-direction:column;gap:12px;text-align:center}.station{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px}.flash-swatch{width:130px;height:130px;border-radius:26px;border:4px solid var(--ink);margin:0 auto;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;box-shadow:var(--shadow)}.flash-es{background:#ffffffe6;border-radius:999px;padding:2px 12px;font-weight:800;border:2px solid var(--ink)}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mem-card{font-family:inherit;aspect-ratio:3 / 3.4;border:3px solid var(--ink);border-radius:14px;background:var(--purple);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .15s ease,background .15s ease}.mem-card.up{background:#fff}.mem-card.done{background:#d9f2dc;cursor:default;animation:memPop .3s ease}@keyframes memPop{50%{transform:scale(1.1)}}.mem-back{color:#fff;font-size:1.4rem;font-weight:800}.mem-swatch{width:60%;aspect-ratio:1;border-radius:50%;border:3px solid var(--ink)}.mem-word{font-weight:800;font-size:.85rem}.blackboard{--chalk: #f2f7ee;margin:14px 16px 6px;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.07),transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(0,0,0,.18),transparent 60%),linear-gradient(160deg,#3c6d4c,#2f5d3f 55%,#2a5238);border:7px solid #a06a42;outline:2.5px solid #7d4f2e;border-radius:12px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;box-shadow:inset 0 2px 10px #00000059,var(--shadow);font-family:Chalkboard SE,Segoe Print,Comic Sans MS,cursive;overflow:hidden}.board-title{font-size:.82rem;letter-spacing:2.5px;color:var(--chalk);opacity:.85;transform:rotate(-.6deg);text-decoration:underline wavy rgba(242,247,238,.45) 1.5px;text-underline-offset:4px;text-shadow:0 0 3px rgba(255,255,255,.25)}.board-word{font-size:2rem;color:var(--chalk);transform:rotate(-1deg);animation:chalkWrite .35s ease;text-shadow:0 0 1px currentColor,0 0 8px rgba(255,255,255,.28),1.5px 1.5px 0 rgba(0,0,0,.28);letter-spacing:1px}@keyframes chalkWrite{0%{opacity:0;transform:rotate(-1deg) scale(.85);filter:blur(2px)}to{opacity:1;transform:rotate(-1deg) scale(1);filter:blur(0)}}.board-doodle{position:absolute;width:22px;height:22px;stroke:#f2f7ee66;pointer-events:none}.doodle-l{left:10px;top:10px;transform:rotate(-12deg)}.doodle-r{right:12px;bottom:22px;transform:rotate(8deg)}.chalk-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:62%;height:11px;background:#b97e50;border-radius:5px 5px 0 0;box-shadow:inset 0 2px 3px #00000040;display:flex;align-items:center;gap:7px;padding:0 12px}.chalk-stick{width:16px;height:4.5px;border-radius:2px;box-shadow:0 1px 1px #0000004d}.board-eraser{margin-left:auto;width:24px;height:7px;background:#5d6b80;border-radius:2px;box-shadow:0 1px 1px #00000059}.blackboard.tech-screen{--chalk: #eaf6ff;background:radial-gradient(ellipse at 50% 0%,rgba(120,200,255,.14),transparent 60%),linear-gradient(170deg,#1d2b4a,#16203a 70%);border-color:#46536e;outline-color:#2e3850;font-family:inherit;box-shadow:inset 0 0 24px #5aaaff2e,0 0 14px #5aaaff40,var(--shadow)}.tech-screen .board-title{font-weight:800;transform:none;text-decoration:none;color:#8fd0f5;text-shadow:0 0 8px rgba(120,200,255,.6)}.tech-screen .board-word{font-weight:800;transform:none;text-shadow:0 0 10px currentColor,0 0 22px rgba(120,200,255,.4)}.tech-screen .board-doodle{stroke:#8cc8ff59}.board-led{position:absolute;top:8px;right:10px;width:7px;height:7px;border-radius:50%;background:#57e389;box-shadow:0 0 6px #57e389;animation:glowPulse 2.4s ease-in-out infinite}.students-row{display:flex;justify-content:space-around;align-items:flex-end;padding:30px 10px 6px}.student-seat{display:flex;flex-direction:column;align-items:center;position:relative}.student-bubble{position:absolute;bottom:100%;margin-bottom:6px;z-index:5;font-size:.82rem;padding:8px 10px;min-width:130px;max-width:170px}.student-bubble:before{top:auto;bottom:-12px;border-bottom-color:transparent;border-top-color:var(--ink)}.desk{width:92px;height:16px;background:#c98d5c;border:3px solid var(--ink);border-radius:6px;margin-top:-8px;z-index:2;box-shadow:0 3px #3b2f4b38}.student-name{font-size:.8rem;font-weight:800;margin-top:3px;background:#ffffffd1;border-radius:999px;padding:0 8px}.students-row{padding:30px 10px 10px}.event-area{border-top:3px dashed rgba(59,47,75,.25);background:#fffdf8;padding:14px 16px 20px;min-height:220px;display:flex;flex-direction:column}.event-panel{display:flex;flex-direction:column;gap:12px;animation:screenIn .3s ease}.narration{line-height:1.5;font-size:.97rem}.present-cards{display:flex;gap:10px;justify-content:center}.present-card{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:10px 14px;cursor:pointer;font-weight:800;font-size:1rem;box-shadow:var(--shadow)}.present-card small{font-weight:600;opacity:.65}.present-card.taught{background:#d9f2dc}.present-dot{width:30px;height:30px;border-radius:50%;border:3px solid var(--ink);background:var(--swatch)}.teach-option{font-size:.92rem;line-height:1.35}.homework-card{background:#fffef5;border:3px solid var(--ink);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);background-image:repeating-linear-gradient(#fffef5 0,#fffef5 26px,#dbe7f5 26px,#dbe7f5 28px)}.hw-label{font-size:.72rem;font-weight:800;opacity:.6;letter-spacing:1px;text-transform:uppercase}.hw-sentence{font-size:1.15rem;font-weight:700;margin-top:6px}.judge-row{display:flex;gap:12px}.judge{flex:1;font-size:1.05rem}.judge.good{background:#d9f2dc}.judge.bad{background:#fbdfe1}.exam-stage{flex:1;display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.exam-list{flex:1;display:flex;flex-direction:column;gap:10px;padding:4px 16px}.exam-row{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:8px 12px;animation:bubblePop .3s ease}.exam-row.pass{border-color:var(--good)}.exam-row.fail{border-color:var(--bad);background:#fdf0f1}.exam-q{flex:1;display:flex;flex-direction:column;font-size:.85rem}.exam-q em{opacity:.75}.exam-mark{font-size:1.4rem;font-weight:800}.exam-row.pass .exam-mark{color:var(--good)}.exam-row.fail .exam-mark{color:var(--bad)}.exam-stage>.btn{margin:0 16px}.report-stage{flex:1;display:flex;flex-direction:column;gap:14px;padding:24px 18px 26px;text-align:center;align-items:center}.stars-row{display:flex;gap:10px}.star{font-size:3rem;color:#d8d2e0}.star.lit{color:#ffd93b;text-shadow:0 3px 0 rgba(59,47,75,.25);animation:starPop .5s ease backwards}@keyframes starPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1)}}.report-title{font-size:1.4rem}.report-sub{font-size:.95rem}.report-students{display:flex;gap:22px}.report-student{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.9rem}.observation{background:#f6f1fd;border:3px solid var(--purple);border-radius:var(--radius);padding:14px 16px;text-align:left;font-size:.9rem;line-height:1.5;display:flex;flex-direction:column;gap:8px;width:100%}.observation-head{display:flex;align-items:center;gap:10px}.obs-fail{background:#fdf0f1;border-radius:10px;padding:8px 10px}.obs-tip{font-weight:700}.xp-detail{width:100%;text-align:left;font-size:.85rem}.xp-detail summary{cursor:pointer;font-weight:700}.xp-detail ul{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:4px}.xp-detail li{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(59,47,75,.2);padding-bottom:3px}.xp-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--ink);color:#ffd93b;font-weight:800;border-radius:999px;padding:8px 18px;z-index:50;animation:toastIn .25s ease;box-shadow:0 4px 12px #00000040;pointer-events:none}@keyframes toastIn{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.map-canvas{position:relative;flex:1 1 auto;min-height:320px;overflow:hidden;touch-action:none;cursor:grab;background:#bfe6fb;border-bottom:3px solid var(--ink)}.map-canvas:active{cursor:grabbing}.map-pan{width:920px;height:660px;transform-origin:0 0;will-change:transform}.map-pan canvas,.map-pan .city-svg,.map-pan svg{width:920px;height:660px;display:block}.map-zoom{position:absolute;right:10px;bottom:12px;display:flex;flex-direction:column;gap:6px}.map-zoom button{width:34px;height:34px;font-family:inherit;font-size:1.1rem;font-weight:800;background:#ffffffeb;border:2.5px solid var(--ink);border-radius:10px;cursor:pointer;color:var(--ink);box-shadow:var(--shadow)}.map-hint{position:absolute;left:10px;bottom:12px;background:#3b2f4bd9;color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;padding:4px 10px;pointer-events:none;white-space:nowrap}.scene-tag,.chip{white-space:nowrap}.map-arrow{animation:arrowBob 1.1s ease-in-out infinite}@keyframes arrowBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.iso-sign-l1{font-size:8.5px;font-weight:800;fill:var(--ink);letter-spacing:.4px}.iso-sign-l2{font-size:6.5px;font-weight:700;fill:#6b6178}.skyline-hint{font-size:11px;font-weight:800;fill:#5d6b80;letter-spacing:.5px}.cloud-a{animation:cloudDrift 26s linear infinite}.cloud-b{animation:cloudDrift 34s linear infinite reverse}@keyframes cloudDrift{0%{transform:translate(-30px)}to{transform:translate(120px)}}.flag-cloth{animation:flagWave 1.4s ease-in-out infinite;transform-origin:0 6px}@keyframes flagWave{0%,to{transform:skewY(0)}50%{transform:skewY(-6deg)}}.swing{animation:swingSway 2.2s ease-in-out infinite;transform-origin:7px -26px}@keyframes swingSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.crane-load{animation:craneBob 3s ease-in-out infinite}@keyframes craneBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glow-pulse{animation:glowPulse 1.8s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.35}}.halo{animation:haloSpin 6s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes haloSpin{0%{stroke-dashoffset:0}to{stroke-dashoffset:54}}.fountain-jet{animation:glowPulse 1.2s ease-in-out infinite}.twinkles circle{animation:glowPulse 2.2s ease-in-out infinite}.twinkles circle:nth-child(2){animation-delay:.6s}.twinkles circle:nth-child(3){animation-delay:1.1s}.stage-progress{display:flex;flex-direction:column;gap:7px}.stage-progress-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 8px;font-size:.87rem;flex-wrap:wrap}.stage-progress-head>span:first-child{white-space:nowrap}.stage-remaining{font-size:.75rem;font-weight:800;color:#8a5a3b;white-space:nowrap}.bar{height:14px;background:#efe6d8;border:2.5px solid var(--ink);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#ffd93b,#f4a259);border-radius:999px;transition:width .6s ease}.stage-tip{font-size:.78rem;opacity:.8;line-height:1.4}.future-btn{position:absolute;top:10px;right:10px;font-family:inherit;font-size:.82rem;font-weight:800;background:#ffffffeb;border:2.5px solid var(--ink);border-radius:999px;padding:7px 13px;cursor:pointer;box-shadow:var(--shadow)}.upgrade-banner{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--accent);border-radius:var(--radius);padding:12px 14px;box-shadow:0 8px 22px #2f2a3d4d;cursor:pointer;animation:bubblePop .35s ease}.upgrade-icon{font-size:1.9rem}.upgrade-banner p{font-size:.8rem;line-height:1.35;margin-top:2px}.upgrade-ok{font-weight:800;color:var(--accent-dark);white-space:nowrap}.future-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a3d99;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px;animation:screenIn .25s ease}.future-card{background:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:16px;width:100%;max-width:420px;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 40px #00000059}.future-card h3{font-size:1.1rem}.future-desc{font-size:.85rem;line-height:1.45}.future-scene{position:relative;border:3px solid var(--ink);border-radius:16px;overflow:hidden;aspect-ratio:920 / 660}.future-tag{position:absolute;top:8px;left:8px;background:var(--ink);color:#ffd93b;font-size:.75rem;font-weight:800;border-radius:999px;padding:4px 10px}.future-tag.now{background:var(--good);color:#fff}.timeline{display:flex;justify-content:space-between;gap:4px}.timeline-dot{font-family:inherit;font-size:1rem;width:40px;height:40px;border-radius:50%;border:2.5px solid #c9c2d4;background:#f1edf8;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:grayscale(1);opacity:.75;transition:transform .12s ease}.timeline-dot.reached{filter:none;opacity:1;border-color:var(--good);background:#e7f6e9}.timeline-dot.active{filter:none;opacity:1;transform:scale(1.18);border-color:var(--accent-dark);background:#fff;box-shadow:var(--shadow)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-12px;width:9px;height:13px;border-radius:2px;animation:confettiFall 2.8s ease-in infinite}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(110dvh) rotate(calc(720deg * var(--spin, 1)));opacity:0}}.report-stage{position:relative;overflow:hidden}.city-up{display:flex;align-items:center;gap:12px;width:100%;background:#fff6e0;border:3px solid var(--accent);border-radius:var(--radius);padding:12px 14px;text-align:left;animation:bubblePop .35s ease}.city-up-icon{font-size:1.9rem}.city-up p{font-size:.82rem;line-height:1.35;margin-top:2px}.jelly-sparkle{animation:glowPulse 1.1s ease-in-out infinite}.jelly-eyes{animation:jellyBlink 4.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.jelly:nth-child(odd) .jelly-eyes{animation-duration:5.3s;animation-delay:1.2s}@keyframes jellyBlink{0%,94.5%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}98.5%{transform:scaleY(1)}}.back-btn{font-family:inherit;font-size:1.15rem;font-weight:800;width:36px;height:36px;min-width:36px;border-radius:50%;border:2.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);line-height:1}.back-btn:active{transform:translateY(2px);box-shadow:0 1px #3b2f4b2e}.scene-header{align-items:center}.said-card{display:flex;align-items:center;gap:10px;background:#eef4ff;border:3px solid #4f8fd6;border-radius:var(--radius);padding:8px 12px;animation:bubblePop .25s ease}.said-text{flex:1;font-size:.9rem}.said-text p{font-weight:700;font-style:italic;margin-top:2px}.vocab-icon{line-height:1}.flash-visual{display:flex;justify-content:center}.flash-icon-card{width:130px;height:130px;border-radius:26px;border:4px solid var(--ink);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow)}.flash-icon{font-size:3.2rem;line-height:1}.mem-icon{font-size:1.6rem;line-height:1}.present-emoji{font-size:1.7rem;line-height:1}.units-header{background:#ffe9c7}.units-intro{display:flex;align-items:center;gap:12px;padding:14px 16px 6px;font-size:.92rem;line-height:1.45}.units-list{display:flex;flex-direction:column;gap:12px;padding:12px 16px}.unit-card{font-family:inherit;display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:12px 14px;cursor:pointer;box-shadow:var(--shadow);text-align:left;font-size:1rem}.unit-card.locked{background:#efeae2;opacity:.75;cursor:default;box-shadow:none}.unit-card.done{background:#eefaf0}.unit-num{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.unit-icon{font-size:1.6rem}.unit-info{flex:1;display:flex;flex-direction:column}.unit-info small{opacity:.7}.unit-stars em{font-style:normal;color:#d8d2e0;font-size:1.1rem}.unit-stars em.lit{color:#ffd93b;text-shadow:0 1px 0 rgba(59,47,75,.3)}.unit-go{font-size:1.3rem;font-weight:800}.unit-lock{font-size:1.1rem}.cert-card{margin:4px 16px 20px;width:auto;background:#f6f1fd;border-color:var(--purple)}.cert-card.done{background:#fff6e0;border-color:#d4a017}.cert-banner{display:flex;align-items:center;gap:12px;width:100%;background:linear-gradient(135deg,#fff6e0,#ffedc2);border:3px solid #d4a017;border-radius:var(--radius);padding:14px;text-align:left;animation:bubblePop .4s ease}.cert-banner-icon{font-size:2.2rem}.cert-banner p{font-size:.82rem;line-height:1.4;margin-top:3px}.shop-header{background:#ffe4ef;justify-content:space-between}.tokens-chip{background:#fff3c9}.shop-btn{position:absolute;top:10px;left:10px;font-family:inherit;font-size:.82rem;font-weight:800;background:#ffffffeb;border:2.5px solid var(--ink);border-radius:999px;padding:7px 13px;cursor:pointer;box-shadow:var(--shadow)}.shop-preview{display:flex;align-items:center;gap:14px;padding:14px 16px 8px}.shop-preview-text{font-size:.85rem;line-height:1.4}.shop-preview-text p{opacity:.85;margin-top:2px}.shop-cats{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap}.pay-toggle{display:flex;gap:8px;align-items:center;padding:10px 16px 0}.shop-cat{font-family:inherit;font-size:.85rem;font-weight:800;border:2.5px solid var(--ink);border-radius:999px;background:#fff;padding:6px 13px;cursor:pointer}.shop-cat.active{background:var(--ink);color:#ffd93b}.shop-screen .feedback{margin:4px 16px}.shop-list{display:flex;flex-direction:column;gap:10px;padding:8px 16px 20px}.shop-item{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow)}.shop-item.owned{background:#f4fbf5}.shop-item-icon{font-size:1.7rem}.shop-item-info{flex:1}.shop-item-info small{display:block;opacity:.7;line-height:1.3;margin-top:2px;font-size:.76rem}.shop-buy{font-size:.85rem;padding:8px 12px;white-space:nowrap}.account-header{background:#e3f2fd}.hud-left{cursor:pointer}.account-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 18px}.account-card{width:100%;max-width:360px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;text-align:center}.account-tabs{display:flex;gap:8px;justify-content:center}.account-label{text-align:left;font-size:.85rem;font-weight:700;display:flex;flex-direction:column;gap:5px}.account-input{font-family:inherit;font-size:1rem;padding:11px 13px;border:3px solid var(--ink);border-radius:12px;background:#fffdf8}.account-input:focus{outline:3px solid rgba(244,162,89,.45)}.account-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.account-note{font-size:.78rem;opacity:.75;line-height:1.4}.profile-head{display:flex;align-items:center;gap:16px;width:100%;max-width:380px}.profile-id{flex:1;display:flex;flex-direction:column;gap:8px}.profile-id h3{font-size:1.1rem}.profile-stats{display:flex;gap:14px}.profile-stats span{display:flex;flex-direction:column;align-items:center;line-height:1.1}.profile-stats strong{font-size:1rem}.profile-stats small{font-size:.68rem;opacity:.7}.rep-block,.medals-block{width:100%;max-width:380px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.rep-head{display:flex;justify-content:space-between;font-size:.92rem;margin-bottom:8px}.rep-num{font-weight:800}.rep-tip{font-size:.78rem;opacity:.8;margin-top:8px;line-height:1.4}.medals-block h4{font-size:.88rem;margin:6px 0 8px}.medals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.medal{display:flex;flex-direction:column;align-items:center;gap:3px;background:#f3f0f9;border:2px solid #d8d2e0;border-radius:12px;padding:8px 4px;text-align:center;opacity:.55;filter:grayscale(.6)}.medal.won{background:#fff6e0;border-color:#d4a017;opacity:1;filter:none;animation:bubblePop .3s ease}.medal-icon{font-size:1.5rem;line-height:1}.medal small{font-size:.6rem;font-weight:700;line-height:1.15}.shop-buy.can{background:#ffdf6b}.shop-buy.cant{opacity:.55}.shop-buy.equipped{background:#d9f2dc;border-color:var(--good)}.shop-buy.owned-btn{background:#eef4ff}.search-header{background:#e8f6ee}.search-box{padding:12px 16px 4px}.search-input{width:100%}.search-title{padding:10px 16px 2px;font-size:.95rem}.search-feedback{margin:8px 16px}.search-empty{padding:22px 16px;text-align:center;opacity:.7;font-size:.9rem;line-height:1.5}.search-list{display:flex;flex-direction:column;gap:10px;padding:10px 16px 20px}.user-row{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:8px 12px;box-shadow:var(--shadow)}.star-rank{font-weight:800;font-size:.9rem;width:22px;text-align:center;color:#a89bb8}.star-rank.top{color:#d4a017;font-size:1.05rem}.user-info{flex:1;display:flex;flex-direction:column;line-height:1.3}.user-info small{font-size:.72rem;opacity:.8}.user-sub{opacity:.6}.follow-btn{font-size:.8rem;padding:8px 12px;white-space:nowrap;background:#ffdf6b}.follow-btn.following{background:#d9f2dc;border-color:var(--good)}.momentos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.momento{aspect-ratio:1;border:2.5px solid var(--ink);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;text-align:center}.momento-icon{font-size:1.9rem;line-height:1}.momento small{font-size:.6rem;font-weight:700;line-height:1.15}.momentos-empty{font-size:.82rem;opacity:.75;line-height:1.5;text-align:center;padding:10px}.studio-header{background:#fff}.studio-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 16px 20px}.studio-card,.ai-card{background:#fff;border:3px solid var(--ink);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 5px #241c3d29}.studio-card h4{font-family:Nunito,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;opacity:.6;margin:2px 0 0}.studio-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:170px;justify-content:center;background:repeating-conic-gradient(#f3f1fa,#f3f1fa 25%,#faf9ff 0%,#faf9ff 50%) 0 0 / 26px 26px;border:2.5px dashed #d8d0ec;border-radius:16px;padding:14px}.studio-name{text-align:center;font-weight:800;max-width:220px}.studio-prompt{resize:none;font-family:inherit}.studio-hint{font-size:.78rem;opacity:.7;line-height:1.4}.studio-hint.center{text-align:center;padding:0 10px}.swatch-row{display:flex;gap:7px;flex-wrap:wrap}.swatch-btn{width:32px;height:32px;border-radius:50%;border:3px solid rgba(59,47,75,.25);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.swatch-btn.sel{border-color:var(--ink);transform:scale(1.12)}.swatch-btn.small{width:26px;height:26px}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.shop-cat.active{background:var(--ink);color:#ffd45e}.wear-btn{margin:0}.studio-cta{align-self:stretch;max-width:380px;width:100%}.skins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skin-cell{font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;background:#faf9ff;border:2.5px solid #d8d0ec;border-radius:14px;padding:8px 4px;cursor:pointer}.skin-cell:hover{border-color:var(--ink)}.skin-cell small{font-size:.62rem;font-weight:800;line-height:1.1;text-align:center}.story-ring{border-radius:50%;padding:4px;background:conic-gradient(#ffb13b,#ff6f91,#8d5be0,#58b0f0,#ffb13b);animation:ringPulse 3s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-top:3px solid var(--ink);display:flex;justify-content:space-around;padding:7px 4px calc(9px + env(safe-area-inset-bottom,0px));z-index:70;box-shadow:0 -8px 24px #43365e29}.nav-tab{font-family:inherit;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:2px 4px}.nav-tab:active{transform:translateY(2px)}.nav-pill{width:44px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:transparent;opacity:.55;transition:background .18s ease,opacity .18s ease}.nav-tab.active .nav-pill{background:#ffe9d8;opacity:1}.nav-tab small{font-size:.62rem;font-weight:900;letter-spacing:.3px;color:#9a8fb8}.nav-tab.active small{color:#e0567c}.screen-host{padding-bottom:0}.plaza-screen,.studio-body,.shop-list,.account-body{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}.back-btn.ghost{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;z-index:40;box-shadow:none;border-width:2px;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pf-screen{flex:1;display:flex;flex-direction:column;background:#fff;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.pf-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid #eee8f8}.pf-handle{flex:1;font-size:1.02rem;display:flex;align-items:center;gap:2px}.pf-subtitle{font-size:1.05rem;font-family:"Baloo 2",inherit}.pf-iconbtn{position:relative;width:34px;height:34px;min-width:34px;border-radius:50%;border:2.5px solid var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.pf-iconbtn:active{transform:translateY(2px)}.pf-back{background:#f3f1fa;color:var(--ink)}.pf-verified{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#58b0f0;margin-left:2px;vertical-align:middle;flex-shrink:0}.rep-line{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:800;margin:-6px 0 0}.rep-line.up{color:#2c7f36}.rep-line.down{color:#c1121f}.pf-dot{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#e63946;border:2px solid #fff}.pf-idrow{display:flex;align-items:center;gap:18px;padding:16px 18px 4px}.pf-ring{position:relative;width:92px;height:92px;min-width:92px;border-radius:50%;background:conic-gradient(#ffb13b,#ff6f91,#8d5be0,#58b0f0,#ffb13b);padding:3.5px;animation:pfRingPulse 3s ease-in-out infinite}@keyframes pfRingPulse{0%,to{box-shadow:0 0 #ff6f918c}60%{box-shadow:0 0 0 9px #ff6f9100}}.pf-ring-in{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:2.5px solid #fff}.pf-stats{flex:1;display:flex;justify-content:space-around;text-align:center}.pf-stats span strong{display:block;font-size:1.15rem;font-family:"Baloo 2",inherit}.pf-stats span small{font-size:.74rem;font-weight:700;opacity:.65}.pf-name{padding:6px 18px 0}.pf-name>strong{font-size:.95rem}.pf-level{margin-left:6px;font-size:.7rem;font-weight:900;background:#fff3c9;border:2px solid var(--ink);border-radius:999px;padding:1px 8px}.pf-name p{margin:3px 0 0;font-size:.84rem;line-height:1.45;white-space:pre-line}.pf-btnrow{display:flex;gap:8px;padding:12px 18px 4px}.pf-btn{flex:1;font-family:inherit;font-size:.82rem;font-weight:800;border:2.5px solid var(--ink);border-radius:999px;padding:9px;cursor:pointer;background:#f3f1fa;color:var(--ink)}.pf-btn:active{transform:translateY(2px)}.pf-auth{margin:12px 18px 4px}.pf-highlights{display:flex;gap:14px;padding:12px 18px 2px;overflow-x:auto}.pf-hl{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px}.pf-hl>span{width:56px;height:56px;border-radius:50%;border:2.5px solid;display:flex;align-items:center;justify-content:center}.pf-hl small{font-size:.66rem;font-weight:800;opacity:.75;white-space:nowrap}.pf-tabs{display:flex;border-bottom:2px solid #eee8f8;margin-top:10px}.pf-tabs button{flex:1;font-family:inherit;background:none;border:none;border-bottom:3px solid transparent;color:#b9b0cf;padding:10px;cursor:pointer;display:flex;justify-content:center}.pf-tabs button.on{border-bottom-color:var(--ink);color:var(--ink)}.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px}.pf-empty{grid-column:1 / 4;margin:0;font-size:.8rem;opacity:.6;text-align:center;padding:26px 20px;line-height:1.5}.pf-empty-page{margin:20px 18px;font-size:.84rem;opacity:.6;line-height:1.5;text-align:center}.pf-badges{display:flex;flex-direction:column;gap:9px;padding:12px 16px}.pf-badge{display:flex;align-items:center;gap:12px;background:#faf8ff;border:2.5px solid #e4dcf6;border-radius:16px;padding:10px 12px}.pf-badge>span{width:42px;height:42px;min-width:42px;border-radius:50%;color:#fff;border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center}.pf-badge strong{font-size:.88rem;display:block}.pf-badge small{display:block;font-size:.72rem;opacity:.65}.pf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a3d80;display:flex;align-items:flex-end;justify-content:center;z-index:75;animation:screenIn .2s ease}.pf-sheet{background:#fff;border:3px solid var(--ink);border-bottom:none;border-radius:24px 24px 0 0;padding:18px 20px 24px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:11px;animation:bubblePop .28s ease}.pf-sheet-title{font-size:1.1rem;font-family:"Baloo 2",inherit}.pf-sheet-label{margin:0 0 -4px;font-size:.74rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;opacity:.6}.pf-sheet-bio{width:100%;resize:none;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--ink);background:#f3f1fa;border:2.5px solid #d8d0ec;border-radius:14px;padding:11px 14px;outline:none}.pf-sheet-bio:focus{border-color:#8d5be0;background:#fff}.pf-sheet-note{margin:0;font-size:.74rem;opacity:.6}.pf-sheet-save{font-family:"Baloo 2",inherit;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18);background:linear-gradient(135deg,#ffb13b,#ff6f91);border:3px solid var(--ink);border-radius:16px;padding:12px 18px;cursor:pointer;box-shadow:0 5px #241c3d4d}.pf-sheet-save:active{transform:translateY(3px)}.pf-sheet-logout{font-family:inherit;font-size:.9rem;font-weight:800;color:#e63946;background:#fdf0f1;border:2.5px solid #e63946;border-radius:14px;padding:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.pf-sheet-logout:active{transform:translateY(2px)}.act-row{display:flex;align-items:center;gap:11px;border-bottom:2px solid #f3effc;padding:11px 16px}.act-icon{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--ink)}.act-text{flex:1;font-size:.84rem;line-height:1.35}.act-time{font-size:.68rem;font-weight:800;opacity:.5;white-space:nowrap}.signup-preview{display:flex;justify-content:center;padding:4px 0}.signup-label{text-align:left;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px;opacity:.6;display:flex;flex-direction:column;gap:4px}.gender-row{display:flex;gap:8px}.gender-btn{flex:1;font-family:inherit;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;background:#f3f1fa;border:2.5px solid #d8d0ec;border-radius:14px;padding:6px 8px;cursor:pointer;color:var(--ink)}.gender-btn.sel{border-color:var(--ink);background:#ffe9d8}.type-chips{padding:0}.emb-ic{display:inline-flex;align-items:center}.plaza-screen{flex:1;display:flex;flex-direction:column}.plaza-header{padding:14px 16px;border-bottom:3px solid var(--ink);background:#fff}.plaza-header h2{margin:0;font-size:1.3rem}.plaza-header p{margin:0;font-size:.74rem;font-weight:700;opacity:.65}.studio-head-row,.search-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-head-row{justify-content:flex-start}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3aa645;margin-right:2px}.chip{display:inline-flex;align-items:center;gap:5px}.find-row,.room-row{margin:12px 16px 0;width:auto;cursor:pointer;font-family:inherit;text-align:left}.find-icon{font-size:1.5rem}.plaza-empty{margin:10px 16px;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;text-align:center;box-shadow:0 5px #241c3d29}@media (min-width: 500px){body{padding:12px 0}.app-shell{border-radius:24px;overflow:hidden;min-height:calc(100dvh - 24px)}}.screen.nav-fwd{animation:navFwd .34s cubic-bezier(.3,.9,.4,1)}.screen.nav-back{animation:navBack .34s cubic-bezier(.3,.9,.4,1)}.screen.nav-in{animation:navIn .42s cubic-bezier(.3,1.1,.4,1)}.screen.nav-out{animation:navOut .4s cubic-bezier(.3,1,.4,1)}@keyframes navFwd{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes navBack{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@keyframes navIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes navOut{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.btn,.unit-card,.station-card,.present-card,.mem-card,.vocab-card,.shop-buy,.shop-cat,.future-btn,.shop-btn,.back-btn,.timeline-dot{transition:transform .1s cubic-bezier(.3,1.4,.5,1),box-shadow .1s ease,background .15s ease}.btn:active,.unit-card:active,.station-card:active,.present-card:active,.vocab-card:active,.shop-buy:active,.shop-cat:active,.future-btn:active,.shop-btn:active,.back-btn:active{transform:translateY(3px) scale(.985);box-shadow:0 1px #3b2f4b2e}.btn.primary:active{transform:translateY(3px) scale(.98)}.btn.primary.big{animation:ctaPop .42s cubic-bezier(.3,1.5,.5,1)}@keyframes ctaPop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.035);opacity:1}to{transform:scale(1)}}.xp-toast{display:flex;align-items:center;gap:7px;animation:toastPop .42s cubic-bezier(.3,1.5,.5,1);box-shadow:0 6px 18px #0000004d}.xp-toast:before,.xp-toast:after{content:"✨";display:inline-block;animation:toastSpark .8s ease-out}.xp-toast:after{animation-delay:.12s}@keyframes toastPop{0%{transform:translate(-50%,-26px) scale(.8);opacity:0}55%{transform:translate(-50%,2px) scale(1.08);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes toastSpark{0%{transform:scale(0) rotate(0);opacity:0}40%{transform:scale(1.2) rotate(90deg);opacity:1}to{transform:scale(.7) rotate(180deg);opacity:0}}.confetti span{animation:confettiFall 3.1s cubic-bezier(.35,.1,.6,1) infinite;will-change:transform}.confetti span.conf-b{width:6px;height:18px;border-radius:3px}.confetti span.conf-c{width:10px;height:10px;border-radius:50%}@keyframes confettiFall{0%{transform:translate3d(0,-20px,0) rotate(0) scale(.9);opacity:0}8%{opacity:1}50%{transform:translate3d(var(--sway, 14px),46dvh,0) rotate(calc(360deg * var(--spin, 1))) scale(1)}85%{opacity:1}to{transform:translate3d(0,108dvh,0) rotate(calc(760deg * var(--spin, 1))) scale(.92);opacity:0}}.star.lit{animation:starPop .55s cubic-bezier(.3,1.6,.5,1) backwards}@keyframes starPop{0%{transform:scale(0) rotate(-40deg)}55%{transform:scale(1.4) rotate(10deg)}78%{transform:scale(.94) rotate(-4deg)}to{transform:scale(1) rotate(0)}}.bar-fill{position:relative;overflow:hidden}.bar-fill:after{content:"";position:absolute;top:0;bottom:0;width:34px;background:#ffffff73;transform:skew(-20deg);animation:barShine 2.6s ease-in-out infinite}@keyframes barShine{0%{transform:translate(-60px) skew(-20deg)}to{transform:translate(420px) skew(-20deg)}}@media (prefers-reduced-motion: reduce){.screen,.xp-toast,.confetti span,.star.lit,.bar-fill:after,.btn.primary.big{animation:none!important}}@keyframes flashFade{0%{opacity:1}to{opacity:0}}@keyframes typeDot{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}@keyframes likePop{0%{transform:scale(.6)}55%{transform:scale(1.3)}to{transform:scale(1)}}.press:active{transform:translateY(2px)}@keyframes gateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-screen{height:100dvh;max-height:100dvh;overflow:hidden;position:relative}.map-canvas{min-height:180px;border-bottom:none}.map-screen .hud{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;z-index:6;border:3px solid var(--ink);border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #43365e2e;padding:6px 14px 6px 8px;pointer-events:auto}.map-screen .map-footer{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;max-width:520px;margin:0 auto;background:#fffffff0;border:3px solid var(--ink);border-radius:18px;padding:10px 16px;box-shadow:0 8px 22px #43365e33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-screen .hud-right{flex-direction:row;align-items:center;gap:8px}.map-screen .future-btn.hud-future{position:static;top:auto;right:auto;flex-shrink:0}.map-screen .map-hint{bottom:118px}.map-screen .map-zoom{bottom:128px}.map-screen .upgrade-banner{bottom:118px;z-index:7}@media (max-height: 740px){.map-screen .map-footer{font-size:.78rem;padding:8px 14px}.map-screen .stage-tip{margin:6px 0 0;font-size:.72rem}.map-screen .hud{padding:6px 12px 6px 8px}}.app-shell.wide{max-width:none;box-shadow:none}@media (min-width: 500px){body:has(.app-shell.wide){padding:0}.app-shell.wide{border-radius:0;min-height:100dvh}}@media (min-width: 900px){.app-shell{max-width:800px}.pf-sheet{max-width:600px}.account-card,.profile-head,.rep-block,.medals-block{max-width:620px}.future-card{max-width:560px}}.studio-prompt{min-height:64px;width:100%;box-sizing:border-box}.gate-section{margin:4px 0 -4px;font-size:.72rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;opacity:.55;color:#3b2f4b}.gate-field{display:flex;flex-direction:column;gap:4px}.gate-field>span{font-size:.72rem;font-weight:800;color:#6a5a92}.gate-field .account-input{margin:0;width:100%;box-sizing:border-box}.gate-field .gender-btn{padding:6px 8px;font-size:.78rem}.grade-head{display:flex;align-items:center;gap:10px;margin:14px 14px 8px;background:#fff;border:3px solid #d8d0ec;border-radius:16px;padding:9px 12px;color:var(--ink)}.grade-badge{width:34px;height:34px;min-width:34px;border-radius:50%;border:2.5px solid var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.grade-info{flex:1;min-width:0;display:flex;flex-direction:column}.grade-info strong{font-family:"Baloo 2",inherit;font-size:.98rem}.grade-info small{font-size:.72rem;opacity:.65}.grade-cefr{font-size:.68rem;font-weight:900;background:#f3f1fa;border:2px solid var(--ink);border-radius:999px;padding:2px 9px;white-space:nowrap}