@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Nunito,sans-serif}.app-root{width:100vw;height:100vh;overflow:hidden;position:relative;background:#1a0a3c}.home-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a0a3c,#2d1465,#ff6b35 80%,gold);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.taxi-rank-bg{position:absolute;width:100%;height:100%;pointer-events:none}.taxi{position:absolute;font-size:4rem;bottom:12%;animation:taxi-drift 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.taxi-left{left:-60px;animation-delay:0s}.taxi-right{right:-60px;animation-direction:reverse;animation-delay:-4s}@keyframes taxi-drift{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)}}.stall{position:absolute;font-size:2rem;bottom:18%}.stall-1{left:8%}.stall-2{left:20%}.stall-3{right:12%}.road-markings{position:absolute;bottom:0;width:100%;height:14%;background:#333;display:flex;justify-content:center;gap:60px;align-items:center}.road-stripe{width:6px;height:40px;background:gold;border-radius:3px;animation:stripe-move 1s linear infinite}@keyframes stripe-move{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.home-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:2rem 1rem 1rem}.title-banner{text-align:center;margin-bottom:.5rem}.game-title{font-size:clamp(3rem,10vw,5rem);font-weight:900;color:gold;text-shadow:0 4px 0 #b8860b,0 8px 16px rgba(0,0,0,.5);letter-spacing:-2px;line-height:1}.game-subtitle{font-size:clamp(1.2rem,4vw,2rem);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:2px}.title-stars{font-size:1.4rem;margin-top:.3rem}.nono-preview-container{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.nono-home-image{height:clamp(160px,35vh,280px);object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));animation:nono-bounce 2s ease-in-out infinite}@keyframes nono-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.nono-speech-bubble{background:#fff;border-radius:20px;padding:.5rem 1.2rem;font-size:clamp(.9rem,3vw,1.1rem);font-weight:800;color:#7b3fbe;border:3px solid #7B3FBE;box-shadow:0 4px 12px #0003;margin-top:.5rem;animation:bubble-pop .5s ease}@keyframes bubble-pop{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}.home-buttons{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:360px}.btn-play{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:50px;font-family:Nunito,sans-serif;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;box-shadow:0 6px #b8860b,0 8px 20px #ff6b3566;transform:translateY(0);transition:transform .1s,box-shadow .1s;letter-spacing:2px}.btn-play:active{transform:translateY(4px);box-shadow:0 2px #b8860b,0 4px 10px #ff6b354d}.pulse-animation{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.secondary-buttons{display:flex;gap:1rem;width:100%}.btn-secondary{flex:1;padding:.75rem 1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:16px;font-family:Nunito,sans-serif;font-size:clamp(.85rem,3vw,1rem);font-weight:800;color:#fff;cursor:pointer;transition:background .2s,transform .1s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:active{transform:scale(.95);background:#ffffff40}.world-badge{display:flex;align-items:center;gap:.5rem;background:#0000004d;border-radius:20px;padding:.4rem 1rem;margin-top:.6rem;border:1px solid rgba(255,215,0,.3)}.world-icon{font-size:1.2rem}.world-name{font-size:.85rem;font-weight:700;color:gold;letter-spacing:1px}.game-screen{width:100%;height:100%;position:relative;overflow:hidden;background:#1a0a3c}.gs-sky{position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,#0d1b4b,#1a3a6b,#2a5a8b);overflow:hidden}.gs-sky:before{content:"★ ✦ ★ ✦ ★ ✦ ★ ✦ ★ ✦ ★";position:absolute;top:8px;left:0;right:0;text-align:center;font-size:.6rem;color:#ffffff4d;letter-spacing:12px}.gs-buildings{position:absolute;bottom:0;left:0;right:0;height:100%}.gs-bld{position:absolute;bottom:0;background:linear-gradient(180deg,#3a2a6c,#2a1a4c);border-radius:3px 3px 0 0}.gs-bld:before{content:"";position:absolute;top:15%;left:20%;right:20%;height:8px;background:repeating-linear-gradient(90deg,#FFD700 0px,#FFD700 4px,transparent 4px,transparent 10px);opacity:.6}.gs-taxi-sign{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:gold;color:#1a0a3c;font-weight:900;font-size:.65rem;padding:3px 12px;border-radius:4px;letter-spacing:2px;white-space:nowrap;box-shadow:0 0 10px #ffd70080}.gs-road{position:absolute;inset:42% 0 0;background:#3a3a3a;overflow:hidden}.gs-road:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff6b35,gold,#ff6b35);opacity:.9;z-index:1}.gs-lanes{position:absolute;inset:0}.gs-stripe-col{position:absolute;top:0;bottom:0;width:6px;transform:translate(-50%);overflow:hidden}.gs-stripe{position:absolute;left:0;right:0;height:60px;background:gold;border-radius:3px;animation:stripe-fall 1.4s linear infinite}@keyframes stripe-fall{0%{top:-60px;opacity:0}5%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.gs-edge-line{position:absolute;top:0;bottom:0;width:4px;background:#fff;opacity:.4}.gs-edge-left{left:14%}.gs-edge-right{right:14%}.gs-side{position:absolute;top:0;bottom:0;width:14%;background:#5a5a5a;overflow:hidden}.gs-side-left{left:0}.gs-side-right{right:0}.gs-scroll-objs{display:flex;flex-direction:column;gap:70px;position:absolute;left:0;right:0;align-items:center}.gs-scroll-left{animation:obj-scroll 4s linear infinite;top:0}.gs-scroll-right{animation:obj-scroll 4s linear infinite;top:-200px}@keyframes obj-scroll{0%{transform:translateY(-40%)}to{transform:translateY(100%)}}.gs-obj{font-size:clamp(1.2rem,3vw,1.8rem);display:block}.hud{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;background:#0a051eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid #FFD700}.hud-stat{display:flex;flex-direction:column;align-items:center;flex:1}.hud-score{flex:2}.hud-label{font-size:.62rem;color:#ffffff8c;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-size:clamp(.95rem,3.2vw,1.2rem);font-weight:900;color:gold}.lives-display{display:flex;gap:2px}.heart-full{color:#ff4757;font-size:1.1rem}.heart-empty{color:#ff47572e;font-size:1.1rem}.coins-burst{animation:coin-pop .4s ease}@keyframes coin-pop{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.btn-home-mini{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;font-size:1rem;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:700;flex-shrink:0}.question-banner{position:absolute;top:54px;left:50%;transform:translate(-50%);z-index:90;background:#0a051ef0;border:3px solid #FFD700;border-radius:20px;padding:.45rem 1.4rem;min-width:82%;text-align:center;box-shadow:0 4px 24px #00000080,0 0 0 1px #ffd70033}.question-text{font-size:clamp(1.25rem,4.5vw,1.9rem);font-weight:900;color:#fff;white-space:nowrap}.gates-row{position:absolute;left:14%;right:14%;height:90px;z-index:80;display:flex}.answer-gate{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:4px 5px}.gate-post{position:absolute;top:0;bottom:0;width:6px;background:linear-gradient(180deg,gold,#ff6b35);border-radius:3px;box-shadow:0 0 6px #ffd70066}.gate-post-l{left:4px}.gate-post-r{right:4px}.gate-panel{flex:1;margin:0 10px;height:72px;background:#fffffff5;border:3px solid #7B3FBE;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000059;transition:background .15s,border-color .15s,box-shadow .15s}.gate-active .gate-panel{background:gold;border-color:#ff6b35;box-shadow:0 0 24px #ffd700b3,0 4px 14px #0000004d;transform:scale(1.04)}.gate-answer-text{font-size:clamp(1.5rem,5.5vw,2rem);font-weight:900;color:#1a0a3c}.nono-player{position:absolute;bottom:12%;transform:translate(-50%);z-index:90;transition:left .14s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center}.speed-lines{position:absolute;inset:10% -40px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 6px,rgba(255,255,255,.15) 6px,rgba(255,255,255,.15) 8px);animation:speed-flash .2s ease forwards;border-radius:8px;pointer-events:none}@keyframes speed-flash{0%{opacity:1}to{opacity:0}}.nono-shadow{width:clamp(48px,9vw,68px);height:9px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);border-radius:50%;margin-top:-3px;animation:shadow-pulse .35s ease-in-out infinite alternate}@keyframes shadow-pulse{0%{transform:scaleX(1.15);opacity:.5}to{transform:scaleX(.8);opacity:.2}}.nono-sprite-wrap{animation:nono-run .35s ease-in-out infinite alternate;transform-origin:bottom center;will-change:transform}@keyframes nono-run{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.nono-sprite{height:clamp(88px,17vh,135px);object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4));display:block}.nono-jump .nono-sprite-wrap{animation:nono-victory .55s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes nono-victory{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-38px) scale(1.18)}to{transform:translateY(0) scale(1)}}.coin-burst{position:absolute;top:-28px;display:flex;gap:4px;font-size:1.2rem;animation:burst-up .65s ease forwards;pointer-events:none}@keyframes burst-up{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(-44px) scale(1.4)}}.feedback-overlay{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;animation:feedback-appear .18s ease}.feedback-correct{background:radial-gradient(ellipse at center,#38a14be0,#0a051eb8)}.feedback-wrong{background:radial-gradient(ellipse at center,#dc5028d1,#0a051eb8)}@keyframes feedback-appear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.feedback-icon{font-size:clamp(3rem,10vw,5rem);animation:icon-bounce .28s ease}@keyframes icon-bounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.feedback-main{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.4)}.feedback-sub{font-size:clamp(1rem,4vw,1.4rem);font-weight:700;color:#ffffffe6}.correct-reveal{background:#ffffff2e;border-radius:12px;padding:.5rem 1.5rem;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.4)}.correct-reveal strong{font-size:1.3em;color:gold}.mobile-controls{position:absolute;bottom:2%;left:0;right:0;z-index:150;display:flex;justify-content:space-between;padding:0 4%}.ctrl-btn{width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px);background:#7b3fbecc;border:3px solid rgba(255,215,0,.6);border-radius:50%;font-size:clamp(1.8rem,6vw,2.5rem);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.ctrl-btn:active{transform:scale(.9);background:#7b3fbe}.btn-back-hud{background:#ffffff26;border:2px solid rgba(255,215,0,.5);border-radius:10px;color:gold;font-family:Nunito,sans-serif;font-size:clamp(.65rem,2.2vw,.8rem);font-weight:800;padding:.25rem .55rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-back-hud:active{transform:scale(.93)}.btn-mute-hud{background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:10px;font-size:clamp(.9rem,2.5vw,1.1rem);padding:.18rem .42rem;cursor:pointer;line-height:1;flex-shrink:0}.btn-mute-hud:active{transform:scale(.88)}.hud-grade-badge{background:gold;color:#1a0a3c;font-family:Nunito,sans-serif;font-size:clamp(.62rem,2vw,.78rem);font-weight:900;padding:.2rem .5rem;border-radius:8px;flex-shrink:0;letter-spacing:.5px}.btn-back-solid{background:#ffffff1f;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.45rem .9rem;color:#fff;font-family:Nunito,sans-serif;font-size:clamp(.85rem,2.5vw,.95rem);font-weight:800;cursor:pointer;white-space:nowrap}.btn-back-solid:active{transform:scale(.95)}.grade-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a0a3c,#2d1465,#4a1a7c);display:flex;flex-direction:column;overflow:hidden;position:relative}.grade-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,107,53,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(123,63,190,.15) 0%,transparent 50%);pointer-events:none}.grade-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .6rem;background:#0000004d;border-bottom:2px solid rgba(255,215,0,.3);flex-shrink:0}.grade-title{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:900;color:gold;text-align:center}.grade-content{position:relative;z-index:10;flex:1;display:flex;align-items:flex-start;gap:.8rem;padding:.8rem;overflow-y:auto;min-height:0}.grade-nono{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:clamp(80px,18vw,130px)}.nono-grade-img{height:clamp(100px,22vh,170px);object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:nono-bounce 2s ease-in-out infinite}.grade-speech{background:#fff;color:#7b3fbe;border:2px solid #7B3FBE;border-radius:14px;padding:.4rem .7rem;font-size:clamp(.65rem,2vw,.8rem);font-weight:800;text-align:center;margin-top:.5rem;white-space:nowrap}.grade-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-content:start;min-width:0}.grade-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem .85rem;border-radius:18px;border:2px solid var(--grade-color, #7B3FBE);background:#ffffff12;cursor:pointer;font-family:Nunito,sans-serif;text-align:left;position:relative;overflow:hidden;transition:transform .12s,background .15s}.grade-card:before{content:"";position:absolute;inset:0;background:var(--grade-color, #7B3FBE);opacity:0;transition:opacity .15s}.grade-card:active{transform:scale(.96)}.grade-card:active:before{opacity:.15}.grade-card-emoji{font-size:clamp(1.4rem,3.5vw,1.8rem);position:relative;z-index:1}.grade-card-label{font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:900;color:#fff;position:relative;z-index:1}.grade-card-topics{font-size:clamp(.62rem,1.8vw,.72rem);font-weight:600;color:#fff9;position:relative;z-index:1;line-height:1.3}.grade-card-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--grade-color, #7B3FBE);z-index:1}.results-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a0a3c,#2d1465 60%,#7b3fbe);overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:center}.results-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;font-size:2rem;animation:confetti-fall 3s ease-in-out infinite}.c1{top:5%;left:10%;animation-delay:0s}.c2{top:5%;left:30%;animation-delay:.5s}.c3{top:5%;left:60%;animation-delay:1s}.c4{top:5%;left:80%;animation-delay:1.5s}.c5{top:5%;left:45%;animation-delay:.25s}.c6{top:5%;left:75%;animation-delay:.75s}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.results-content{position:relative;z-index:10;width:100%;max-width:480px;padding:1.5rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.results-header{text-align:center}.results-emoji{font-size:4rem;animation:result-emoji-bounce .6s ease}@keyframes result-emoji-bounce{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.results-title{font-size:clamp(2rem,7vw,2.8rem);font-weight:900;color:gold;text-shadow:0 3px 10px rgba(0,0,0,.4)}.nono-results-image{height:clamp(100px,22vh,160px);object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.stat-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-icon{font-size:1.5rem}.stat-value{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:900;color:#fff}.stat-label{font-size:.7rem;font-weight:700;color:#fff9;text-align:center;text-transform:uppercase;letter-spacing:.5px}.stat-score,.stat-coins{border-color:gold}.stat-correct{border-color:#4caf50}.stat-streak{border-color:#ff6b35}.stat-accuracy{border-color:#7b3fbe}.results-buttons{display:flex;flex-direction:column;gap:.8rem;width:100%}.btn-play-again{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:50px;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;box-shadow:0 6px #b8860b;letter-spacing:1px}.btn-play-again:active{transform:translateY(4px);box-shadow:0 2px #b8860b}.btn-home-results{width:100%;padding:.85rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;color:#fff;cursor:pointer}.btn-home-results:active{transform:scale(.97)}.dress-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a0a3c,#4a1a8c);display:flex;flex-direction:column;overflow:hidden}.dress-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(123,63,190,.4) 0%,transparent 70%);pointer-events:none}.dress-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem;background:#0000004d;border-bottom:2px solid rgba(255,215,0,.3)}.dress-title{font-size:1.5rem;font-weight:900;color:gold}.coins-badge{background:#ffd70033;border:2px solid #FFD700;border-radius:20px;padding:.3rem .8rem;font-size:1rem;font-weight:800;color:gold}.btn-back{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:.4rem .8rem;color:#fff;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;cursor:pointer}.btn-back:active{transform:scale(.95)}.dress-content{position:relative;z-index:10;flex:1;display:flex;overflow:hidden}.nono-preview-panel{width:35%;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border-right:1px solid rgba(255,255,255,.1)}.nono-dress-preview{position:relative;display:flex;flex-direction:column;align-items:center}.outfit-badge-preview{position:absolute;top:0;right:-10px;font-size:2rem;z-index:1;animation:badge-spin .3s ease}@keyframes badge-spin{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.nono-dress-image{height:clamp(120px,25vh,200px);object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.selected-outfit-name{font-size:.85rem;font-weight:900;color:gold;text-align:center;margin-top:.5rem}.selected-outfit-desc{font-size:.7rem;font-weight:600;color:#fff9;text-align:center;margin-top:.2rem;padding:0 .3rem}.outfits-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.8rem;overflow-y:auto;align-content:start}.outfit-card{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:16px;cursor:pointer;font-family:Nunito,sans-serif;transition:transform .15s,box-shadow .15s}.outfit-unlocked{background:#ffffff1f;border:2px solid rgba(255,255,255,.25)}.outfit-locked{background:#0000004d;border:2px dashed rgba(255,255,255,.2)}.outfit-selected{background:#ffd70033!important;border:2px solid #FFD700!important;box-shadow:0 0 16px #ffd7004d}.outfit-card:active{transform:scale(.95)}.outfit-icon{font-size:2.2rem}.outfit-card-name{font-size:.75rem;font-weight:800;color:#fff;text-align:center;margin-top:.3rem}.outfit-cost{font-size:.7rem;font-weight:700;color:gold;margin-top:.2rem}.outfit-owned{font-size:.7rem;font-weight:700;color:#4caf50;margin-top:.2rem}.dress-toast{position:fixed;bottom:20%;left:50%;transform:translate(-50%);background:#1a0a3cf2;border:2px solid #FFD700;border-radius:20px;padding:.75rem 1.5rem;color:#fff;font-weight:800;font-size:1rem;z-index:300;animation:toast-pop .3s ease;text-align:center;white-space:nowrap}@keyframes toast-pop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.progress-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a0a3c,#2d1465);display:flex;flex-direction:column;overflow:hidden}.progress-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(255,107,53,.15) 0%,transparent 60%);pointer-events:none}.progress-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem;background:#0000004d;border-bottom:2px solid rgba(255,215,0,.3)}.progress-title{font-size:1.5rem;font-weight:900;color:gold}.progress-content{position:relative;z-index:10;flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.rank-banner{display:flex;align-items:center;gap:1rem;border-radius:20px;padding:.75rem 1rem}.nono-progress-image{height:clamp(60px,14vh,100px);object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.rank-info{display:flex;flex-direction:column;gap:.2rem}.rank-label{font-size:clamp(1rem,3.5vw,1.3rem);font-weight:900;color:#fff}.rank-score{font-size:.85rem;font-weight:700;color:#fff9}.progress-stats{display:flex;flex-direction:column;gap:.6rem}.progress-stat-row{display:flex;gap:.6rem}.progress-stat-card{flex:1;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.progress-stat-icon{font-size:1.4rem}.progress-stat-value{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:900;color:gold}.progress-stat-label{font-size:.65rem;font-weight:700;color:#ffffff80;text-align:center;text-transform:uppercase;letter-spacing:.5px}.accuracy-bar-container{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.accuracy-bar-label{font-size:.85rem;font-weight:800;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.accuracy-bar-track{width:100%;height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.accuracy-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,gold);border-radius:8px;transition:width .8s ease}.accuracy-bar-pct{font-size:1.2rem;font-weight:900;color:gold;text-align:right}.no-progress-msg{text-align:center;color:#ffffff80;font-size:1rem;font-weight:700;padding:2rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}