@import "https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-title:"Bangers", cursive;--font-body:"Inter", sans-serif;--bg-dark:#080810;--bg-panel:#0c0c16e0;--panel-border:#f973162e;--naruto-orange:#f97316;--naruto-orange-dim:#f9731626;--naruto-orange-glow:#f9731673;--naruto-red:#dc2626;--chidori-blue:#38bdf8;--katon-red:#ef4444;--shadow-purple:#a855f7;--text-main:#f0eae0;--text-muted:#7a8899;--text-accent:var(--naruto-orange)}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);background:radial-gradient(80% 60% at 50% -10%,#f9731614 0%,#0000 70%),radial-gradient(60% 40% at 100% 100%,#38bdf80d 0%,#0000 60%),#080810;min-height:100vh;margin:0;overflow:hidden}body:before{content:"🌀";opacity:.025;pointer-events:none;z-index:0;font-size:300px;animation:40s linear infinite spin;position:fixed;bottom:-60px;right:-60px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{z-index:1;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:1.25rem;box-shadow:0 8px 40px #0009,inset 0 1px #f9731614}h1,h2,h3,h4{font-family:var(--font-title);letter-spacing:.08em;margin-top:0}.title-main{font-family:var(--font-title);letter-spacing:.12em;background:linear-gradient(135deg,#f97316 0%,#fbbf24 60%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #f9731680);-webkit-background-clip:text;font-size:2rem;line-height:1}.title-kanji{letter-spacing:.3em;color:var(--text-muted);font-size:.85rem;font-family:var(--font-body);text-transform:uppercase;font-weight:600}.hitai-ate{border-bottom:1px solid var(--panel-border);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.hitai-ate:before{content:"";background:linear-gradient(90deg, var(--naruto-orange), transparent);border-radius:2px;flex-shrink:0;width:28px;height:4px;display:inline-block}.ninja-btn{font-family:var(--font-title);letter-spacing:.08em;color:var(--naruto-orange);cursor:pointer;background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid #f9731659;border-radius:.75rem;padding:.65rem 1.4rem;font-size:1rem;transition:all .2s;position:relative;overflow:hidden}.ninja-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#f9731633,#0000);transition:opacity .2s;position:absolute;inset:0}.ninja-btn:hover{box-shadow:0 0 24px var(--naruto-orange-glow);border-color:var(--naruto-orange);transform:translateY(-2px)}.ninja-btn:hover:before{opacity:1}.ninja-btn:active{transform:translateY(0)}.ninja-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ninja-btn.danger{color:#ef4444;background:#dc262614;border-color:#dc262666}.ninja-btn.danger:hover{border-color:#ef4444;box-shadow:0 0 20px #ef444466}.ninja-btn.primary{background:linear-gradient(135deg, var(--naruto-orange), #ea580c);color:#000;border-color:#0000;font-size:1rem}.ninja-btn.primary:hover{box-shadow:0 0 30px var(--naruto-orange-glow)}.seal-badge{background:#00000059;border:1px solid #ffffff12;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.88rem;transition:all .25s;display:flex}.seal-badge.done{color:var(--naruto-orange);background:#f973161f;border-color:#f9731666;box-shadow:0 0 12px #f9731640}.jutsu-card{cursor:default;background:#0000004d;border:1px solid #ffffff0f;border-radius:.85rem;padding:.85rem 1rem;transition:all .25s}.jutsu-card:hover{background:#ffffff0a;border-color:#ffffff1f}.jutsu-card-name{font-family:var(--font-title);letter-spacing:.07em;font-size:1.05rem}.jutsu-card-sub{color:var(--text-muted);margin-top:.15rem;font-size:.72rem}.calibration-progress{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.calibration-progress-fill{background:linear-gradient(90deg, var(--naruto-orange), #fbbf24);height:100%;box-shadow:0 0 8px var(--naruto-orange-glow);border-radius:2px;transition:width .4s}.seal-detector{text-align:center;background:#0006;border:1px solid #ffffff0f;border-radius:.75rem;padding:.75rem}.seal-detector-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.68rem}.seal-detector-value{font-family:var(--font-title);letter-spacing:.1em;font-size:1.8rem;transition:all .2s}.countdown-ring{border:2px solid var(--naruto-orange);width:80px;height:80px;box-shadow:0 0 20px var(--naruto-orange-glow), inset 0 0 20px #f973161a;font-family:var(--font-title);letter-spacing:.05em;color:var(--naruto-orange);background:radial-gradient(circle,#f9731633 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:2.2rem;animation:1s ease-in-out infinite pulse-ring;display:flex}@keyframes pulse-ring{0%,to{box-shadow:0 0 20px var(--naruto-orange-glow), inset 0 0 20px #f973161a}50%{box-shadow:0 0 40px var(--naruto-orange-glow), inset 0 0 30px #f9731633}}.recal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#080810eb;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.recal-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.recal-seal-btn{cursor:pointer;text-align:center;font-family:var(--font-body);color:var(--text-main);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.65rem;padding:.7rem;font-size:.85rem;transition:all .2s}.recal-seal-btn.selected{border-color:var(--naruto-orange);background:var(--naruto-orange-dim);color:var(--naruto-orange);box-shadow:0 0 12px var(--naruto-orange-glow)}.recal-seal-btn .check{color:var(--text-muted);margin-top:.2rem;font-size:.7rem}.recal-seal-btn.selected .check{color:var(--naruto-orange)}.jutsu-overlay{pointer-events:none;z-index:50;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jutsu-name-display{font-family:var(--font-title);letter-spacing:.15em;text-align:center;font-size:4.5rem;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) both jutsu-entrance}.jutsu-kanji-display{opacity:.7;letter-spacing:.3em;margin-top:.25rem;font-size:1.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both jutsu-entrance}@keyframes jutsu-entrance{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1}}.flex-center{justify-content:center;align-items:center;display:flex}.absolute-fill{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes jutsuReveal{0%{opacity:0;filter:blur(12px);transform:scale(.4)translateY(30px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes seal-success{0%{transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}to{transform:scale(1)}}.seal-step-success{animation:.4s ease-out seal-success}.cutin-overlay{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cutin-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;animation:1.2s ease-out forwards cutinBgFade;position:absolute;inset:0}.cutin-character{object-fit:contain;max-width:75%;height:100%;filter:drop-shadow(0 0 40px var(--text-accent));animation:1.2s cubic-bezier(.1,1,.2,1) forwards cutinSlide;position:absolute;bottom:0;right:5%}.cutin-text{font-family:var(--font-title);white-space:normal;text-align:left;letter-spacing:.1em;color:#fff;max-width:55%;text-shadow:4px 4px 0px #000, 0 0 50px var(--text-accent);font-size:clamp(3rem,10vw,5.5rem);line-height:.9;animation:1.2s cubic-bezier(.1,1,.2,1) forwards cutinTextSlide;position:absolute;bottom:22%;left:6%;transform:skew(-10deg)}@keyframes cutinBgFade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes cutinSlide{0%{opacity:0;transform:translate(100%)scale(1.1)}10%{opacity:1;transform:translate(0%)scale(1)}90%{opacity:1;transform:translate(-5%)scale(1.05)}to{opacity:0;transform:translate(-100%)}}@keyframes cutinTextSlide{0%{opacity:0;transform:translate(-100%)skew(-10deg)}10%{opacity:1;transform:translate(0%)skew(-10deg)}90%{opacity:1;transform:translate(5%)skew(-10deg)}to{opacity:0;transform:translate(100%)skew(-10deg)}}@keyframes shakeHeavy{0%,to{transform:translate(0)rotate(0)}10%,30%,50%,70%,90%{transform:translate(-10px,-10px)rotate(-1deg)}20%,40%,60%,80%{transform:translate(10px,10px)rotate(1deg)}}.shake-heavy{animation:.5s ease-in-out shakeHeavy}.chakra-gauge-container{background:#ffffff1a;border:1px solid #0ea5e94d;border-radius:4px;width:100%;height:8px;margin-top:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0ea5e91a}.chakra-gauge-fill{background:linear-gradient(90deg,#0ea5e9cc,#38bdf8);width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 15px #38bdf8cc}.rec-indicator{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:100px;left:20px}.rec-dot{background-color:#ef4444;border-radius:50%;width:12px;height:12px;animation:1.5s infinite recBlink;box-shadow:0 0 8px #ef4444}@keyframes recBlink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.rec-text{color:#fff;letter-spacing:1px;font-family:monospace;font-size:.85rem;font-weight:700}.rec-btn-container{z-index:100;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.rec-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #fff3;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.rec-btn:hover{background:#141414e6;border-color:#fff6;transform:translateY(-2px)}.rec-btn.recording{background:#ef444426;border-color:#ef444480}.rec-btn.recording:hover{background:#ef444440}.deco-kakashi{pointer-events:none;opacity:.6;filter:drop-shadow(0 0 20px #00000080);height:440px;position:absolute;bottom:0;left:-20px}.deco-logo{z-index:20;pointer-events:none;filter:drop-shadow(0 0 20px #fbbf2466);height:70px;position:absolute;top:20px;left:20px}.deco-sasuke{pointer-events:none;z-index:10;filter:drop-shadow(0 0 30px #38bdf833);height:280px;position:absolute;bottom:0;left:0}.deco-naruto{pointer-events:none;z-index:10;filter:drop-shadow(0 0 30px #f9731633);height:260px;position:absolute;bottom:0;right:-100px}.webcam-container{box-shadow:0 0 50px #00000080,inset 0 0 100px #0000004d}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.jutsu-card-refined{background:#0f0f19b3!important;border:1px solid #ffffff14!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #0006!important}.jutsu-card-refined:hover{transform:translateY(-4px)scale(1.02);border-color:var(--card-glow,#f9731666)!important;box-shadow:0 10px 30px #00000080, 0 0 20px var(--card-glow,#f9731633)!important;background:#191928e6!important}.music-player-widget{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;background:#0009;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;animation:.8s ease-out forwards musicFadeIn;display:flex;box-shadow:0 4px 12px #0000004d}@keyframes musicFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.music-icon{align-items:flex-end;gap:2px;width:18px;height:18px;display:flex}.music-bar{background:var(--naruto-orange);border-radius:1px;width:3px;animation:1s ease-in-out infinite alternate musicBarAnim}.music-bar:first-child{height:40%;animation-delay:0s}.music-bar:nth-child(2){height:100%;animation-delay:.2s}.music-bar:nth-child(3){height:60%;animation-delay:.4s}@keyframes musicBarAnim{0%{height:20%}to{height:100%}}.music-text{color:#ffffffb3;letter-spacing:.05em;white-space:nowrap;font-size:.75rem}.music-title{color:#fff;margin-left:.3rem;font-weight:600}.music-controls-mini{border-left:1px solid #fff3;align-items:center;gap:10px;margin-left:5px;padding-left:10px;display:flex}.music-mini-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:.9rem;line-height:1;transition:all .2s}.music-mini-btn:hover{opacity:1;color:var(--naruto-orange);transform:scale(1.2)}.xp-popup{z-index:200;text-align:center;pointer-events:none;animation:2.5s cubic-bezier(.16,1,.3,1) forwards xp-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xp-popup-title{font-family:var(--font-title);color:#fff;letter-spacing:.1em;text-shadow:0 0 20px #000c;font-size:1.8rem}.xp-popup-value{font-family:var(--font-title);color:var(--naruto-orange);letter-spacing:.05em;text-shadow:0 0 30px var(--naruto-orange-glow);margin-top:-.5rem;font-size:4rem}@keyframes xp-float{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}85%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-100%)scale(.9)}}.sidebar-bg{transition:border-color .5s}.damage-flash{animation:.3s ease-in-out damage-blink;border:4px solid #ef4444!important}@keyframes damage-blink{0%{background:0 0}50%{background:#ef444433}to{background:0 0}}.battle-status-text{animation:.4s cubic-bezier(.34,1.56,.64,1) status-bounce}@keyframes status-bounce{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}