@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0d0d1a;--bg-card: #1a1a2e;--bg-card2: #16213e;--text-primary: #f0f0ff;--text-secondary: #a0a0cc;--border-radius: 16px;--border-radius-sm: 10px;--shadow: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);font-size:16px}html,body{height:100%;background:var(--bg-dark);color:var(--text-primary);font-family:"Baloo 2",Fredoka One,system-ui,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100vh;display:flex;flex-direction:column}.screen{min-height:100vh;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden}.bg-mitos{background:linear-gradient(135deg,#0d1b2a,#0d2040,#0d1530)}.bg-pampee{background:linear-gradient(135deg,#1a1200,#2a1e00,#1a1500)}.bg-galdios{background:linear-gradient(135deg,#1a0000,#2a0a0a,#200505)}.bg-nia{background:linear-gradient(135deg,#0d001a,#1a0030,#10001f)}.screen-start{background:linear-gradient(135deg,#0d0d1a,#1a0030,#0d1a30);align-items:center;justify-content:center;padding:24px}.start-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.star-bg{position:absolute;color:gold;opacity:.6;animation:twinkle 3s infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.9;transform:scale(1.1)}}.start-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;width:100%}.start-logo{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-icon{font-size:56px;filter:drop-shadow(0 0 16px #FFD700)}.start-logo-img{width:160px;height:160px;object-fit:contain;border-radius:24px;filter:drop-shadow(0 0 24px rgba(255,200,0,.5));animation:logoPulse 3s ease infinite alternate}@keyframes logoPulse{0%{filter:drop-shadow(0 0 16px rgba(255,200,0,.4))}to{filter:drop-shadow(0 0 32px rgba(255,200,0,.8))}}.logo-title{display:flex;flex-direction:column;line-height:1}.logo-line1{font-size:2.8rem;font-weight:800;background:linear-gradient(90deg,gold,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.logo-line2{font-size:1.5rem;font-weight:600;color:#a0c4ff;letter-spacing:4px}.start-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:320px}.start-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.badge{padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem}.badge-blue{background:#00bfff33;border:1.5px solid #00BFFF;color:#00bfff}.badge-yellow{background:#ffd70033;border:1.5px solid #FFD700;color:gold}.badge-purple{background:#c4f3;border:1.5px solid #CC44FF;color:#c4f}.btn-start{padding:18px 48px;border-radius:50px;border:none;background:linear-gradient(90deg,gold,#ff8c00);color:#1a0a00;font-family:inherit;font-size:1.4rem;font-weight:800;cursor:pointer;box-shadow:0 6px 30px #ffc80080;transition:transform .15s,box-shadow .15s;letter-spacing:1px}.btn-start:hover,.btn-start:focus{transform:scale(1.06);box-shadow:0 8px 40px #ffc800b3;outline:none}.btn-start:active{transform:scale(.98)}.start-footer{color:var(--text-secondary);font-size:.78rem;opacity:.7}.screen-hero-select{padding:16px;gap:16px;background:linear-gradient(180deg,#0d0d1a,#1a1a2e);min-height:100vh}.claudianis-bar{display:flex;gap:12px;align-items:flex-start;background:#ffffff0f;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.1)}.claudianis-avatar-sm{flex-shrink:0}.claudianis-welcome-bubble{flex:1;display:flex;flex-direction:column;gap:4px}.claudianis-name-sm{font-weight:700;font-size:.8rem;color:gold;text-transform:uppercase;letter-spacing:1px}.claudianis-welcome-bubble p:last-child{font-size:.95rem;color:var(--text-primary);line-height:1.5}.select-title{font-size:1.4rem;font-weight:700;text-align:center;color:var(--text-primary)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:12px 8px;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--text-primary);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow, rgba(255,255,255,.05));opacity:0;transition:opacity .2s}.hero-card:hover:before,.hero-card:focus:before{opacity:1}.hero-card:hover,.hero-card:focus{border-color:var(--hero-color, #888);transform:translateY(-3px);box-shadow:0 8px 30px var(--hero-glow, rgba(255,255,255,.1));outline:none}.hero-card-art{width:100%;display:flex;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.hero-card-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.hero-name{font-size:1.1rem;font-weight:800;color:var(--hero-color, #fff)}.hero-class{font-size:.75rem;color:var(--text-secondary)}.hero-theme{font-size:.78rem;color:var(--text-secondary)}.hero-progress-mini{margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:4px}.progress-dots{display:flex;gap:3px}.dot{width:6px;height:6px;border-radius:50%;background:#fff3}.dot-done{background:var(--hero-color, #FFD700)}.progress-label{font-size:.7rem;color:var(--text-secondary)}.screen-map{padding:0;min-height:100vh;overflow-y:auto}.map-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.btn-back,.btn-back-sm{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;cursor:pointer;transition:all .15s}.btn-back:hover,.btn-back-sm:hover{background:#ffffff2e}.map-hero-info{display:flex;flex-direction:column;align-items:center}.map-hero-name{font-size:1.1rem;font-weight:800;color:var(--hero-color, #fff)}.map-hero-class{font-size:.75rem;color:var(--text-secondary)}.map-xp{display:flex;align-items:center;gap:4px}.xp-icon{font-size:1rem}.xp-value{font-size:.9rem;font-weight:700;color:gold}.map-art-row{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 24px 8px;gap:8px}.map-hero-art,.map-villain-art{display:flex;flex-direction:column;align-items:center}.villain-name-small{font-size:.7rem;color:var(--text-secondary);text-align:center;margin-top:4px}.map-vs-area{display:flex;flex-direction:column;align-items:center;gap:8px}.map-theme-badge{background:#ffffff1a;border-radius:12px;padding:6px 12px;font-size:.8rem;font-weight:700;color:var(--hero-color, #fff);text-align:center}.map-victory-badge{background:#ffd70033;border:1.5px solid #FFD700;border-radius:12px;padding:6px 12px;font-size:.8rem;font-weight:700;color:gold}.phase-trail{padding:16px 24px 24px}.trail-path{display:flex;flex-direction:column;gap:4px}.phase-node-wrap{display:flex;align-items:center;gap:12px;position:relative}.phase-node-wrap:nth-child(2n){flex-direction:row-reverse}.trail-line{position:absolute;left:24px;bottom:-8px;width:3px;height:20px;background:#ffffff26;border-radius:2px}.phase-node-wrap:nth-child(2n) .trail-line{left:auto;right:24px}.trail-line-done{background:var(--hero-color, #FFD700)}.phase-node{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.2);background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s;flex-shrink:0;color:var(--text-secondary)}.phase-done{background:var(--hero-color, #FFD700);border-color:var(--hero-color, #FFD700);color:#fff;box-shadow:0 4px 16px var(--hero-glow, rgba(255,255,255,.2))}.phase-unlocked{border-color:var(--hero-color, #FFD700);color:var(--hero-color, #FFD700);background:#ffffff14}.phase-current{animation:pulse-node 1.5s infinite}@keyframes pulse-node{0%,to{box-shadow:0 0 0 0 var(--hero-glow, rgba(255,255,255,.3))}50%{box-shadow:0 0 0 8px transparent}}.phase-locked{cursor:not-allowed;opacity:.4}.phase-boss{border-color:#f44!important;background:#ff444426;color:#f44;font-size:1.3rem}.phase-node:hover:not(:disabled){transform:scale(1.1)}.phase-label-wrap{display:flex;flex-direction:column}.phase-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.phase-label-boss{color:#f88}.phase-sublabel{font-size:.7rem;color:var(--text-secondary)}.comics-notice{margin:8px 24px 16px;background:#ffd7001a;border:1.5px solid rgba(255,215,0,.3);border-radius:12px;padding:10px 16px;color:gold;font-size:.85rem;font-weight:600;text-align:center}.screen-battle{padding:0;min-height:100vh}.battle-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.battle-phase-info{display:flex;flex-direction:column;align-items:center}.battle-phase-label{font-size:.85rem;font-weight:700;color:var(--hero-color, #fff)}.battle-q-counter{font-size:.75rem;color:var(--text-secondary)}.battle-progress-bar{height:6px;background:#ffffff1a;width:100%}.battle-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.claudianis-guide{margin:12px 16px;border-radius:16px;padding:12px;animation:slideDown .3s ease;z-index:20}.claudianis-tip{background:#2e7d3240;border:1.5px solid #4CAF50}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.claudianis-inner{display:flex;gap:12px;align-items:flex-start}.claudianis-avatar{flex-shrink:0}.claudianis-content{flex:1;display:flex;flex-direction:column;gap:8px}.claudianis-name{font-size:.75rem;font-weight:700;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.claudianis-msg{font-size:.9rem;line-height:1.5;color:var(--text-primary)}.hint-wrap{position:relative;display:inline-block;margin:4px 0}.btn-hint{background:transparent;border:1.5px solid;border-radius:10px;font-family:inherit;font-size:.82rem;font-weight:600;padding:5px 12px;cursor:pointer;transition:all .15s}.btn-hint:hover{opacity:.85}.hint-bubble{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:#1a2040;border:1.5px solid rgba(255,255,255,.2);border-radius:14px;padding:12px;z-index:30;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.hint-avatar{display:flex;justify-content:center}.hint-bubble p{font-size:.88rem;line-height:1.5;color:var(--text-primary)}.battle-arena{display:flex;align-items:flex-end;justify-content:space-between;padding:12px 16px 0;min-height:120px;gap:8px}.battle-hero-side{flex:1;display:flex;justify-content:flex-start}.battle-center{display:flex;flex-direction:column;align-items:center;gap:4px}.battle-villain-side{flex:1;display:flex;justify-content:flex-end;transition:transform .15s}.battle-villain-side.hurt{transform:translate(8px);filter:brightness(2)}.battle-villain-side.attack{transform:translate(-10px)}.q-type-badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:10px;color:#fff;white-space:nowrap;letter-spacing:.5px}.hero-avatar-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:4px}.hero-art{display:block}.hero-jump{animation:heroJump .5s cubic-bezier(.36,.07,.19,.97)}.hero-shake{animation:heroShake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes heroJump{0%,to{transform:translateY(0)}30%{transform:translateY(-16px) scale(1.05)}60%{transform:translateY(-6px)}}@keyframes heroShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.hero-speech-bubble{background:#141428f5;border:1.5px solid rgba(255,255,255,.22);border-radius:12px;padding:6px 12px;min-width:110px;max-width:170px;font-size:.77rem;font-weight:600;line-height:1.35;text-align:center;animation:fadeIn .25s ease;box-shadow:var(--shadow);position:relative}.hero-speech-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#ffffff38}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.question-card{margin:8px 16px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}.question-text{font-size:1rem;font-weight:600;line-height:1.55;color:var(--text-primary);white-space:pre-line}.fraction-bar-wrap{display:flex;align-items:center;gap:10px}.fraction-bar-label{font-size:.85rem;font-weight:700;color:var(--text-secondary)}.compare-bars{display:flex;flex-direction:column;gap:6px}.compare-bar-row{display:flex;align-items:center}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 16px 12px}.option-btn{display:flex;align-items:center;gap:8px;background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 12px;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--text-primary);text-align:left;transition:all .15s;min-height:56px;word-break:break-word}.option-btn:hover:not(:disabled){border-color:var(--hero-color, #888);background:#ffffff1f;transform:scale(1.02)}.option-btn:active:not(:disabled){transform:scale(.98)}.option-correct{background:#4caf5040!important;border-color:#4caf50!important;color:#81c784;cursor:default;animation:correctPop .3s ease}.option-wrong{background:#f4433640!important;border-color:#f44336!important;color:#ef9a9a;cursor:default;animation:wrongShake .3s ease}.option-disabled{opacity:.4;cursor:default}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.option-letter{width:26px;height:26px;border-radius:8px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0}.option-correct .option-letter{background:#4caf50;color:#fff}.option-wrong .option-letter{background:#f44336;color:#fff}.option-text{flex:1;line-height:1.3}.explanation-card{margin:4px 16px 16px;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.exp-correct{background:#4caf5026;border:1.5px solid rgba(76,175,80,.4)}.exp-wrong{background:#f4433626;border:1.5px solid rgba(244,67,54,.4)}.exp-icon{font-size:1.4rem}.exp-text{font-size:.88rem;line-height:1.55;color:var(--text-primary)}.battle-villain-question{display:flex;align-items:flex-start;gap:10px;padding:10px 14px 4px;animation:fadeIn .2s ease}.bvq-art{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.bvq-villain-name{font-size:.62rem;font-weight:800;color:#f66;text-align:center;max-width:88px;word-break:break-word}.bvq-bubble{flex:1;background:#3c00008c;border:1.5px solid rgba(255,80,80,.35);border-radius:0 16px 16px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;position:relative}.q-type-badge-sm{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:8px;color:#ffffffb3;background:#ffffff1a;align-self:flex-start;letter-spacing:.4px}.bvq-question-text{font-size:.97rem;font-weight:600;line-height:1.55;color:var(--text-primary);white-space:pre-line}.battle-feedback-row{display:flex;gap:10px;padding:10px 12px 4px;animation:fadeIn .25s ease}.bfr-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bfr-art{transition:transform .2s,filter .2s}.bfr-villain-hurt{transform:translate(6px);filter:brightness(1.6) saturate(.5)}.bfr-villain-taunt{animation:tauntWobble .5s ease}@keyframes tauntWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg) scale(1.07)}75%{transform:rotate(5deg) scale(1.07)}}.bfr-bubble{width:100%;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:.82rem}.bfr-bubble-name{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.bfr-bubble-msg{font-size:.82rem;line-height:1.45;color:var(--text-primary);font-style:italic}.bfr-bubble-villain{background:#28000099;border:1.5px solid rgba(255,80,80,.3)}.bfr-bubble-villain .bfr-bubble-name{color:#f66}.bfr-hurt{border-color:#6464ff66;background:#00003c80}.bfr-taunt{border-color:#ff3c3c80;background:#3c000099}.bfr-bubble-mestre{background:#001e0a99;border:1.5px solid rgba(100,255,120,.3)}.bfr-bubble-mestre .bfr-bubble-name{color:#8f9}.bfr-praise{border-color:#50c86480;background:#00280a99}.bfr-motivate{border-color:#ffc83266;background:#1e140099}.bfr-motivate .bfr-bubble-name{color:gold}.bvq-bubble-area{flex:1;display:flex;flex-direction:column;gap:5px}.bfr-villain-manga,.bfr-mestre-manga{width:100%}.battle-hint-manga{flex:1}.battle-hint-manga .manga-thought{text-align:left;border-radius:14px}.battle-hero-row{display:flex;justify-content:center;padding:2px 0 4px}.battle-hint-area{padding:0 14px 6px;display:flex;justify-content:center}.battle-hint-btn{background:transparent;border:1.5px solid rgba(255,215,0,.4);border-radius:20px;color:gold;font-family:inherit;font-size:.78rem;font-weight:700;padding:5px 16px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.battle-hint-btn:hover{background:#ffd7001a}.battle-hint-open{display:flex;align-items:flex-start;gap:8px;background:#141e00b3;border:1.5px solid rgba(100,200,60,.35);border-radius:14px;padding:10px 12px;width:100%;animation:fadeIn .2s ease;position:relative}.battle-hint-content{flex:1;display:flex;flex-direction:column;gap:3px}.battle-hint-label{font-size:.65rem;font-weight:800;color:#8f9;text-transform:uppercase;letter-spacing:.5px}.battle-hint-text{font-size:.83rem;line-height:1.5;color:var(--text-primary)}.battle-hint-close{background:transparent;border:none;color:#fff6;font-size:.85rem;cursor:pointer;padding:0 4px;flex-shrink:0;line-height:1}.battle-first-tip{display:flex;align-items:flex-start;gap:8px;margin:4px 14px 0;background:#001e28cc;border:1.5px solid rgba(0,191,255,.3);border-radius:14px;padding:10px 12px;animation:slideDown .3s ease;position:relative}.battle-first-tip-text{flex:1;display:flex;flex-direction:column;gap:3px}.battle-first-tip-name{font-size:.65rem;font-weight:800;color:#00bfff;text-transform:uppercase;letter-spacing:.5px}.battle-first-tip-msg{font-size:.82rem;line-height:1.5;color:var(--text-primary)}.battle-first-tip-close{background:transparent;border:none;color:#fff6;font-size:.85rem;cursor:pointer;padding:0 4px;flex-shrink:0}.btn{border:none;border-radius:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .15s;padding:12px 24px;font-size:1rem}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:focus{outline:3px solid var(--hero-color, #888);outline-offset:2px}.btn-primary{background:var(--hero-color, #4FC3F7);color:#fff}.btn-secondary{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.25);color:var(--text-primary)}.btn-sm{padding:7px 16px;font-size:.82rem;border-radius:10px}.btn-claudianis{background:#4caf504d;border:1.5px solid #4CAF50;color:#81c784;align-self:flex-start}.btn-large{width:100%;padding:16px;font-size:1.15rem;border-radius:16px}.hearts-row{display:flex;gap:4px;align-items:center}.heart{font-size:1.3rem;transition:transform .15s}.heart-lost{animation:heartLost .4s ease}@keyframes heartLost{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.pre-phase-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 20px;min-height:100vh;text-align:center}.phase-intro-art{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.phase-title{font-size:2rem;font-weight:800;color:var(--hero-color, #fff)}.boss-title{font-size:1.7rem;color:#f44}.phase-subtitle{font-size:1rem;color:var(--text-secondary)}.phase-heroPhrase{font-size:1rem;font-style:italic;color:var(--text-primary)}.phase-rules{display:flex;gap:12px;align-items:center;background:#ffffff0f;border-radius:14px;padding:10px 16px;font-size:.85rem;font-weight:600;color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.boss-intro{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.villain-art-wrap{filter:drop-shadow(0 0 20px rgba(255,68,68,.5))}.villain-appear{animation:villainAppear .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes villainAppear{0%{transform:scale(.4) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.villain-taunt-bubble{background:#280000b3;border:2px solid rgba(255,68,68,.5);border-radius:16px;padding:14px 18px;text-align:center;display:flex;flex-direction:column;gap:6px}.villain-name-title{font-size:1.3rem;font-weight:800;color:#f44}.villain-title-sub{font-size:.78rem;color:#f88}.villain-taunt{font-size:.95rem;font-style:italic;color:var(--text-primary)}.screen-comic{min-height:100vh;display:flex;flex-direction:column;gap:0}.comic-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.comic-badge{background:#ffd70033;border:1.5px solid #FFD700;border-radius:10px;padding:4px 10px;font-size:.75rem;font-weight:700;color:gold}.ending-badge{background:#f443;border-color:#f44;color:#f88}.comic-title{font-size:.95rem;font-weight:700;flex:1;text-align:center;padding:0 8px}.comic-pages{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.comic-frame{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;gap:20px}.comic-art{display:flex;justify-content:center;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.art-dimmed{opacity:.5}.comic-bubble{width:100%;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;animation:bubbleIn .3s ease}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble-hero{background:#ffffff14;border:2px solid var(--hero-color, #888)}.bubble-villain{background:#ff000014;border:2px solid rgba(255,68,68,.5)}.bubble-narrator{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);font-style:italic}.bubble-speaker{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.bubble-text{font-size:.98rem;line-height:1.6;color:var(--text-primary)}.comic-nav{padding:16px;display:flex;flex-direction:column;gap:12px;align-items:center;background:#0000004d}.comic-dots{display:flex;gap:8px}.comic-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .2s}.comic-dot-active{width:24px;border-radius:5px}.comic-art-duo{display:flex;gap:16px;justify-content:center;align-items:flex-end}.art-duo-hero,.art-duo-villain{transition:all .3s}.art-spotlight{filter:drop-shadow(0 0 16px rgba(255,255,255,.3))}.villain-defeated{transform:rotate(-15deg);filter:grayscale(.5)!important}.screen-ending{min-height:100vh}.ending-victory{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 20px;min-height:100vh;text-align:center}.victory-stars{display:flex;gap:8px}.victory-star{font-size:2rem;animation:starPop .5s ease both}.victory-star:nth-child(1){animation-delay:0s}.victory-star:nth-child(2){animation-delay:.1s}.victory-star:nth-child(3){animation-delay:.2s}.victory-star:nth-child(4){animation-delay:.3s}.victory-star:nth-child(5){animation-delay:.4s}@keyframes starPop{0%{transform:scale(0) rotate(-180deg);opacity:0}80%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.victory-art{filter:drop-shadow(0 0 30px var(--hero-glow, rgba(255,255,255,.3)))}.art-victory{animation:victoryBounce 1s ease infinite alternate}@keyframes victoryBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.victory-title{font-size:1.8rem;font-weight:800;color:var(--hero-color, #FFD700)}.victory-class{font-size:1rem;color:gold;font-weight:700}.victory-stats{display:flex;gap:12px;justify-content:center}.stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;min-width:80px}.stat-icon{font-size:1.4rem}.stat-label{font-size:.82rem;font-weight:700;color:var(--hero-color, #fff)}.stat-sub{font-size:.68rem;color:var(--text-secondary)}.screen-lose{display:flex;align-items:center;justify-content:center;min-height:100vh}.lose-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;text-align:center}.lose-icon{font-size:4rem;animation:loseIcon .5s ease}@keyframes loseIcon{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.lose-title{font-size:1.6rem;font-weight:800;color:#f66}.lose-subtitle{font-size:1rem;color:var(--text-secondary)}.lose-tip{font-size:.9rem;color:gold;background:#ffd7001a;border-radius:10px;padding:8px 16px}.lose-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}@media (min-width: 480px){.hero-grid{grid-template-columns:1fr 1fr;gap:16px}.question-text{font-size:1.05rem}.options-grid{gap:12px}}@media (max-width: 360px){.hero-grid{grid-template-columns:1fr 1fr;gap:8px}.option-btn{font-size:.83rem;padding:12px 8px}.logo-line1{font-size:2.2rem}.battle-topbar{padding:10px 12px}.question-card{padding:12px}.options-grid{padding:6px 12px}}.char-img{display:block;border-radius:16px;image-rendering:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.char-img-screen{mix-blend-mode:screen}.char-img-mitos{background:#0a2a4a;box-shadow:0 0 20px #00bfff59}.char-img-pampee{background:#1a1000;box-shadow:0 0 20px #ffd70066}.char-img-galdios{background:#2a0808;box-shadow:0 0 20px #ff444459}.char-img-nia{background:#150030;box-shadow:0 0 20px #b400ff59}.char-img-villain{background:#0d0d0d;box-shadow:0 0 18px #ff444440}.char-img-claudianis{background:#2a1a00;box-shadow:0 0 20px #ffc80040;border-radius:50%}.hero-card .char-img{border-radius:12px;width:100%!important;height:auto!important;max-height:160px;object-fit:cover;object-position:top center}.battle-hero-side .char-img,.battle-villain-side .char-img{border-radius:12px;object-position:top center}.claudianis-avatar-sm .char-img,.claudianis-avatar .char-img,.hint-avatar .char-img{border-radius:50%;object-fit:cover;object-position:top center;border:2px solid rgba(255,215,0,.5)}.map-villain-art .char-img,.map-hero-art .char-img,.comic-art .char-img,.art-duo-hero .char-img,.art-duo-villain .char-img{border-radius:12px;object-position:top center}.art-victory{animation:victoryBounce 1s ease infinite alternate;border-radius:16px}.art-dimmed{opacity:.35!important;filter:grayscale(.6)}.villain-defeated{transform:rotate(-10deg)!important;filter:grayscale(.5) brightness(.7)!important}.phase-intro-art .char-img{border-radius:16px;object-position:top center}.villain-art-wrap .char-img{border-radius:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}:focus-visible{outline:3px solid var(--hero-color, #4FC3F7);outline-offset:2px}.screen-celebration{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 16px 16px;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-y:auto}.celeb-header{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.celebration-stars{display:flex;gap:6px;justify-content:center}.celebration-title{font-size:1.4rem;font-weight:800;color:var(--hero-color, #FFD700);animation:fadeIn .4s ease;text-align:center}.celebration-chars{display:flex;align-items:flex-end;justify-content:center;gap:24px;width:100%;padding:4px 0}.celeb-char{display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s ease}.celeb-char-active{opacity:1;filter:drop-shadow(0 0 16px var(--hero-glow, rgba(255,255,255,.3)))}.celeb-char-inactive{opacity:.4;filter:grayscale(.2);transform:scale(.88)}.celeb-char-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.celeb-dialogue-box{width:100%;border-radius:18px;padding:12px 16px 10px;display:flex;flex-direction:column;gap:8px;border:2px solid var(--speaker-color, rgba(255,255,255,.3));animation:slideUp .25s ease}.celeb-box-claudianis{background:#281c00e0}.celeb-box-hero{background:#080c1ce6}.celeb-dialogue-speaker{display:flex;align-items:center;justify-content:space-between}.celeb-dialogue-name{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.celeb-step-dots{display:flex;gap:5px;align-items:center}.celeb-dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:all .2s}.celeb-dot-active{background:var(--speaker-color, #FFD700);width:18px;border-radius:4px}.celeb-dialogue-text{font-size:.98rem;line-height:1.6;color:var(--text-primary);min-height:3em}.celeb-cursor{display:inline-block;color:var(--speaker-color, #FFD700);animation:cursorBlink .55s step-end infinite;margin-left:1px;font-weight:300}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.celeb-dialogue-hint{min-height:16px;display:flex;justify-content:flex-end}.celeb-hint-text{font-size:.7rem;color:#fff6;font-weight:600}.celeb-hint-pulse{animation:hintPulse 1.1s ease infinite;color:#ffffffb3}@keyframes hintPulse{0%,to{opacity:.45}50%{opacity:1}}.celebration-stat{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px}.celeb-stat-icon{font-size:1.25rem}.celeb-stat-label{font-size:.74rem;color:var(--text-secondary);font-weight:600}.villain-intro-light{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.villain-intro-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%}.villain-mini-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.villain-mini-challenge{background:#ff44441f;border:1.5px solid rgba(255,68,68,.4);border-radius:14px;padding:10px 14px;text-align:center;max-width:240px;animation:villainBubbleIn .5s cubic-bezier(.175,.885,.32,1.275) both;position:relative}.villain-mini-challenge:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#f446}@keyframes villainBubbleIn{0%{opacity:0;transform:scale(.6) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.villain-mini-name{font-size:.72rem;font-weight:800;color:#f66;text-transform:uppercase;letter-spacing:1px}.villain-mini-msg{font-size:.85rem;font-style:italic;color:var(--text-primary);line-height:1.45;margin-top:4px}.mestre-counter{display:flex;align-items:center;gap:10px;background:#281e00b3;border:2px solid rgba(255,200,0,.4);border-radius:14px;padding:10px 14px;max-width:320px;text-align:left;animation:mestreBubbleIn .5s ease .3s both;position:relative}.mestre-counter:before{content:"";position:absolute;top:-8px;left:24px;border:6px solid transparent;border-bottom-color:#ffc80066}@keyframes mestreBubbleIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mestre-counter-text{display:flex;flex-direction:column;gap:3px;flex:1}.mestre-counter-name{font-size:.7rem;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:1px}.mestre-counter-msg{font-size:.88rem;color:var(--text-primary);line-height:1.45}.btn-mute{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:6px 10px;cursor:pointer;transition:all .15s;line-height:1}.btn-mute:hover{background:#ffffff2e}.btn-mute.muted{opacity:.5}.btn-mute-float{position:fixed;top:12px;right:12px;z-index:9999;width:38px;height:38px;padding:0;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000004d}.screen{padding-bottom:env(safe-area-inset-bottom,0)}.screen-worldmap{overflow:hidden;padding-bottom:0;align-items:center;gap:0}.wm-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:8px;flex-shrink:0}.wm-hero-label{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1}.wm-hero-name{font-size:1rem;font-weight:800}.wm-progress{font-size:.7rem;color:var(--text-secondary)}.wm-phase-hint{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.wm-complete-badge{font-size:.8rem;font-weight:700;color:#8f8}.wm-grid{display:grid;flex-shrink:0;overflow:hidden;border-radius:10px;border:2px solid rgba(255,255,255,.07);margin:6px 0 4px}.wm-tile{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .15s}.wm-obstacle{opacity:.9}.wm-villain{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:flex;align-items:center;justify-content:center}.wm-villain-boss{filter:drop-shadow(0 0 6px rgba(255,60,60,.9));animation:wmBossPulse 1.4s ease-in-out infinite alternate}@keyframes wmBossPulse{0%{filter:drop-shadow(0 0 4px rgba(255,60,60,.6))}to{filter:drop-shadow(0 0 12px rgba(255,60,60,1))}}.wm-badge{position:absolute;top:1px;right:1px;font-size:.52rem;font-weight:900;color:#fff;border-radius:4px;padding:0 2px;line-height:1.5;pointer-events:none}.wm-hero{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:flex;align-items:center;justify-content:center;z-index:3;filter:drop-shadow(0 0 6px var(--hero-glow, rgba(255,255,255,.5)));animation:wmHeroLand .12s ease-out}@keyframes wmHeroLand{0%{transform:scale(1.15)}to{transform:scale(1)}}.wm-freed{display:flex;align-items:center;justify-content:center;animation:wmFreeIn .4s ease}@keyframes wmFreeIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.wm-dpad{display:flex;flex-direction:column;align-items:center;gap:3px;margin:4px 0 2px;flex-shrink:0}.dpad-row{display:flex;align-items:center;gap:3px}.dpad-btn{width:52px;height:52px;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text-primary);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .08s,transform .08s;touch-action:manipulation}.dpad-btn:active{background:#ffffff38;transform:scale(.91)}.dpad-center{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.wm-hint{font-size:.65rem;color:#ffffff47;text-align:center;padding:0 8px 4px;flex-shrink:0}.wm-win-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#000000d1;border:2px solid var(--hero-color, #fff);border-radius:14px;padding:10px 22px;display:flex;align-items:center;gap:10px;z-index:50;animation:wmBannerIn .3s ease,wmBannerOut .4s ease 2.3s forwards;white-space:nowrap;pointer-events:none}@keyframes wmBannerIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes wmBannerOut{0%{opacity:1}to{opacity:0}}.wm-win-icon{font-size:1.3rem}.wm-win-text{font-size:.9rem;font-weight:800;color:var(--hero-color, #fff)}.wm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .15s ease}.wm-confirm{background:#100018;border:2px solid rgba(255,60,60,.45);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:300px;width:100%;text-align:center}.wm-confirm-villain{margin-bottom:4px}.wm-confirm-name{font-size:1.25rem;font-weight:800;color:#f66}.wm-confirm-phase{font-size:.8rem;color:var(--text-secondary)}.wm-confirm-quote{font-size:.85rem;font-style:italic;color:var(--text-primary);line-height:1.4}.wm-confirm-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.manga-speech,.manga-thought{border-radius:18px;padding:10px 14px;position:relative;font-weight:700;font-size:.88rem;line-height:1.45;text-align:center}.manga-speech{border-radius:50%/35% 35% 65% 65%}.manga-thought{border-radius:40%/30% 30% 70% 70%}.manga-shout-wrap{display:inline-block;min-width:120px;min-height:56px}.manga-shout-content{padding:14px 18px;font-weight:800;font-size:.88rem;line-height:1.4;text-align:center}.battle-manga-bubble{width:100%}.battle-manga-bubble .manga-shout-content{padding:10px 14px;font-size:.82rem}.battle-manga-bubble .manga-speech,.battle-manga-bubble .manga-thought{padding:8px 12px;font-size:.82rem}.prs-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;position:relative;overflow:hidden}.prs-win{cursor:pointer}.prs-win-header{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.prs-stars{display:flex;gap:4px}.prs-star{font-size:1.6rem;animation:prsStarPop .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes prsStarPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0)}}.prs-win-title{font-size:1.7rem;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.5)}.prs-villain-card{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.prs-villain-art-wrap{filter:drop-shadow(0 0 20px rgba(255,50,50,.7));animation:prsVillainIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes prsVillainIn{0%{transform:scale(.4) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.prs-villain-defeated .prs-villain-art-wrap{filter:drop-shadow(0 0 16px rgba(255,200,50,.5)) grayscale(.3);animation:prsVillainIn .5s ease,prsDefeatedWobble .8s ease .5s}@keyframes prsDefeatedWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.prs-villain-bubble{width:min(300px,90vw);animation:fadeIn .4s ease .3s both}.prs-villain-name{font-size:.78rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;opacity:.8;margin-bottom:4px}.prs-villain-msg{font-size:.92rem;font-style:italic;line-height:1.45}.prs-hearts-row{font-size:1.4rem;letter-spacing:4px;z-index:2}.prs-tap-hint{font-size:.72rem;color:#fff6;animation:hintPulse 1.5s ease infinite;z-index:2}.prs-lose-content{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;text-align:center}.prs-lose-icon{font-size:2.4rem;animation:prsStarPop .4s ease}.prs-lose-title{font-size:1.5rem;font-weight:800;color:#f66}.prs-lose-sub{font-size:.9rem;color:var(--text-secondary)}.prs-lose-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.prs-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.prs-particle{position:absolute;width:var(--size, 8px);height:var(--size, 8px);background:var(--col, #FFD700);border-radius:2px;animation:prsParticle 1.2s var(--delay, 0s) ease-out both}@keyframes prsParticle{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:.7}to{transform:translate(var(--x,0),var(--y,-80px)) rotate(var(--rot,360deg));opacity:0}}.prs-hero-victory{z-index:2;animation:prsHeroRise .55s cubic-bezier(.175,.885,.32,1.275) both}@keyframes prsHeroRise{0%{transform:translateY(40px) scale(.7);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.prs-hero-victory-img{width:clamp(140px,36vw,200px);height:auto;border-radius:20px;object-fit:contain;object-position:top center;filter:drop-shadow(0 0 24px var(--hero-color, rgba(255,200,0,.6)));animation:prsHeroGlow 2s ease-in-out infinite alternate}@keyframes prsHeroGlow{0%{filter:drop-shadow(0 0 16px var(--hero-color, rgba(255,200,0,.4)))}to{filter:drop-shadow(0 0 32px var(--hero-color, rgba(255,200,0,.9)))}}.prs-scenario-msg{font-size:1rem;font-weight:700;color:var(--hero-color, #FFD700);text-align:center;z-index:2;opacity:.9}.prs-result-stats{display:flex;gap:16px;justify-content:center;z-index:2}.prs-stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 18px;min-width:72px}.prs-stat-icon{font-size:1.3rem}.prs-stat-val{font-size:1.4rem;font-weight:900;color:var(--hero-color, #fff)}.prs-stat-label{font-size:.68rem;color:var(--text-secondary);font-weight:600}.prs-win-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;z-index:2}.prs-villain-defeated{opacity:.85}.prs-villain-defeated .prs-villain-art-wrap{filter:drop-shadow(0 0 12px rgba(255,200,50,.4)) grayscale(.4);animation:prsVillainIn .5s ease,prsDefeatedWobble .8s ease .5s}.app-layout{display:flex;min-height:100vh;align-items:stretch;background:var(--bg-dark)}.app-main{flex:1;min-width:0;max-width:600px;width:100%;position:relative;display:flex;flex-direction:column}@media (max-width: 1023px){.app-layout{justify-content:center}.app-main{max-width:100%}.dsk-sidebar{display:none!important}}@media (min-width: 1024px){.app-layout{display:grid;grid-template-columns:1fr minmax(360px,600px) 1fr;grid-template-areas:"left main right"}.dsk-left{grid-area:left}.app-main{grid-area:main;max-width:none}.dsk-right{grid-area:right}}.dsk-sidebar{display:flex;flex-direction:column;padding:24px 20px;background:#00000040;border-right:1px solid rgba(255,255,255,.05)}.dsk-right{border-right:none;border-left:1px solid rgba(255,255,255,.05)}.dsk-hero-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:20px}.dsk-hero-img{width:min(180px,80%);height:auto;border-radius:20px;object-fit:cover;object-position:top center;box-shadow:0 8px 32px #00000080}.dsk-hero-name{font-size:1.5rem;font-weight:900;text-align:center}.dsk-hero-class{font-size:.85rem;color:var(--text-secondary)}.dsk-hero-theme{font-size:.9rem;color:var(--text-secondary)}.dsk-logo-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}.dsk-logo-img{width:min(140px,75%);border-radius:20px;object-fit:contain;opacity:.85}.dsk-logo-tagline{font-size:.85rem;color:var(--text-secondary);text-align:center;font-weight:600}.dsk-hero-icons{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:.82rem;color:var(--text-secondary);align-items:flex-start}.dsk-hero-icons span{background:#ffffff0d;border-radius:8px;padding:4px 10px;width:100%}.dsk-progress-panel{display:flex;flex-direction:column;gap:12px;padding-top:20px}.dsk-panel-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:4px}.dsk-pdots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dsk-pdot{width:100%;aspect-ratio:1;border-radius:8px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--text-secondary);transition:all .2s}.dsk-pdot-done{color:#fff;border-color:transparent;font-size:.9rem}.dsk-xp{font-size:1rem;font-weight:700;color:gold}.dsk-phases-done{font-size:.8rem;color:var(--text-secondary)}.dsk-phase-now{display:flex;flex-direction:column;align-items:center;border:2px solid;border-radius:12px;padding:10px;margin-top:4px;gap:2px;background:#ffffff0a}.dsk-phase-now-label{font-size:.68rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.dsk-phase-now-num{font-size:2rem;font-weight:900;line-height:1}.dsk-mission-panel{display:flex;flex-direction:column;gap:12px;padding-top:20px}.dsk-mission-text{font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.dsk-mission-types{display:flex;flex-direction:column;gap:6px;margin-top:4px}.dsk-mission-types span{font-size:.82rem;font-weight:700;color:var(--text-primary);background:#ffffff0f;border-radius:8px;padding:6px 10px}.wm-freed-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;animation:wmFreeIn .4s ease}.wm-freed-star{color:gold;text-shadow:0 0 6px rgba(255,215,0,.8);display:block}.wm-freed-num{font-size:.55em;font-weight:900;color:#ffd700b3;line-height:1}:focus-visible{outline:3px solid var(--hero-color, #4FC3F7);outline-offset:3px;border-radius:6px}.dpad-btn,.btn-back-sm,.battle-hint-btn,.btn,.hero-card{min-height:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.prs-particles{display:none}}@media (min-width: 768px) and (max-width: 1023px){.screen{max-width:720px}.hero-grid,.options-grid{grid-template-columns:repeat(4,1fr)}.battle-villain-question{padding:14px 20px}.pre-phase-screen{padding:32px}.dpad-btn{width:60px;height:60px;font-size:1.3rem}.dpad-center{width:60px;height:60px}}@media (max-width: 767px){.screen{padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}.wm-dpad{margin-bottom:max(env(safe-area-inset-bottom,0px),6px)}.prs-win-btns{padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}}