:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--bg-panel:#111;--energy-orange:#ff6b00;--energy-gold:gold;--energy-blue:#00bfff;--energy-purple:#8a2be2;--panel-border:#000;--panel-border-width:4px;--gutter:8px;--text-primary:#fff;--text-accent:#ff6b00;--text-muted:#888;--font-manga:"Bangers", cursive;--font-marker:"Permanent Marker", cursive;--font-mono:"Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-manga);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}#pixi-canvas{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#app{z-index:2;position:relative}.section{min-height:100vh;position:relative;overflow:hidden}.manga-panel{border:var(--panel-border-width) solid var(--panel-border);background:var(--bg-panel);position:relative;overflow:hidden}.manga-border{border:var(--panel-border-width) solid var(--panel-border)}.manga-shadow{box-shadow:6px 6px 0 var(--panel-border)}.halftone{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:4px 4px}.halftone-overlay{pointer-events:none;z-index:2;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.speed-lines{pointer-events:none;background:repeating-conic-gradient(#0000 0deg 4deg,#ffffff08 4deg 5deg);position:absolute;inset:0}.speed-lines-animated{animation:30s linear infinite rotate-lines}@keyframes rotate-lines{to{transform:rotate(360deg)}}.manga-title{font-family:var(--font-manga);color:var(--energy-orange);-webkit-text-stroke:3px var(--panel-border);text-shadow:4px 4px 0 var(--energy-gold), 8px 8px 0 #0006;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:clamp(3rem,12vw,10rem);line-height:1}.manga-subtitle{font-family:var(--font-marker);color:var(--text-primary);text-align:center;letter-spacing:.02em;font-size:clamp(1rem,3vw,2rem)}.sfx-text{font-family:var(--font-manga);font-size:var(--sfx-size,4rem);color:var(--sfx-color,var(--text-primary));transform:rotate(var(--sfx-rotation,-15deg));-webkit-text-stroke:2px var(--panel-border);text-shadow:3px 3px 0 var(--energy-orange);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute}.speech-bubble{color:#111;font-family:var(--font-marker);border:3px solid var(--panel-border);background:#fff;border-radius:1.5em;max-width:320px;padding:1em 1.5em;font-size:clamp(.9rem,2vw,1.2rem);line-height:1.4;display:inline-block;position:relative}.speech-bubble:after{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-top:14px solid var(--panel-border);width:0;height:0;position:absolute;bottom:-12px;left:24px}.speech-bubble:before{content:"";z-index:1;border-top:12px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:26px}.speech-bubble--right:after{left:auto;right:24px}.speech-bubble--right:before{left:auto;right:26px}.manga-page{gap:var(--gutter);padding:var(--gutter);grid-template-columns:repeat(3,1fr);max-width:960px;margin:0 auto;display:grid}.panel-large{grid-area:span 2/span 2}.panel-medium{grid-column:span 1}.panel-wide{grid-column:span 3}.manga-panel img{object-fit:cover;width:100%;height:100%}.scouter-hud{border:2px solid var(--energy-orange);background:#0a0a0ae6;border-radius:12px;max-width:600px;margin:0 auto;padding:2rem;position:relative;overflow:hidden;box-shadow:0 0 30px #ff6b0033,inset 0 0 60px #ff6b000d}.scouter-hud:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff6b0008 2px 4px);position:absolute;inset:0}.scouter-hud h3{font-family:var(--font-manga);color:var(--energy-orange);text-align:center;letter-spacing:.1em;margin-bottom:1rem;font-size:1.5rem}.copy-button-wrapper{flex-direction:column;align-items:center;gap:.75rem;display:flex}.ca-display{font-family:var(--font-mono);color:var(--energy-gold);word-break:break-all;text-align:center;background:#00000080;border:1px solid #ff6b004d;border-radius:6px;max-width:100%;padding:.75rem 1rem;font-size:clamp(.65rem,2vw,.9rem)}.copy-btn{font-family:var(--font-manga);color:var(--bg-primary);background:var(--energy-orange);border:3px solid var(--panel-border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;padding:.6rem 2rem;font-size:1.1rem;transition:transform .15s,box-shadow .15s}.copy-btn:hover{box-shadow:4px 4px 0 var(--panel-border);transform:scale(1.05)}.copy-btn:active{box-shadow:2px 2px 0 var(--panel-border);transform:scale(.97)}.copy-btn--success{background:var(--energy-gold)}.manga-btn{font-family:var(--font-manga);color:var(--text-primary);border:3px solid var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:0 0;align-items:center;gap:.5rem;padding:.7rem 2rem;font-size:1.3rem;text-decoration:none;transition:transform .2s,border-color .2s,color .2s;display:inline-flex}.manga-btn:hover{border-color:var(--energy-orange);color:var(--energy-orange);transform:scale(1.05)}.energy-wave{background:linear-gradient(90deg, transparent, var(--energy-orange), var(--energy-gold), var(--energy-blue), transparent);width:200%;height:3px;animation:3s linear infinite wave-slide;position:absolute;bottom:0;left:0}@keyframes wave-slide{to{transform:translate(-50%)}}.scroll-indicator{font-family:var(--font-manga);color:var(--text-muted);letter-spacing:.2em;font-size:1rem;animation:2s ease-in-out infinite bounce-down;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:after{content:"";background:var(--text-muted);width:2px;height:24px;margin:.5rem auto 0;animation:2s ease-in-out infinite scroll-line;display:block}@keyframes bounce-down{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes scroll-line{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.impact-marks{pointer-events:none;position:absolute;inset:-20px}.impact-marks:before,.impact-marks:after{content:"";border:3px solid var(--energy-orange);clip-path:polygon(50% 0%,100% 100%,0% 100%);width:40px;height:40px;position:absolute}.impact-marks:before{top:-10px;right:20px;transform:rotate(15deg)}.impact-marks:after{bottom:-10px;left:20px;transform:rotate(-30deg)}.hero-section{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-video{object-fit:cover;z-index:0;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:3;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.hero-section .speed-lines{z-index:1}.hero-section .scroll-indicator{z-index:3}.hero-subtitle-bubble{white-space:nowrap;max-width:none;padding:.8em 1.2em;font-size:clamp(.75rem,2vw,1.1rem)}.characters-section{position:relative}.content-feed{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:0 1.5rem 1.5rem;display:flex;overflow:auto hidden}.content-feed::-webkit-scrollbar{display:none}.feed-card{aspect-ratio:9/16;border:var(--panel-border-width) solid var(--panel-border);scroll-snap-align:center;background:var(--bg-panel);cursor:pointer;border-radius:12px;flex:none;width:min(280px,70vw);transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.feed-card:hover{border-color:var(--energy-orange);transform:scale(1.05)translateY(-8px);box-shadow:0 0 20px #ff6b0066,0 0 40px #ff6b0033,0 8px 32px #00000080}.feed-card img,.feed-card video{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.feed-card:hover img,.feed-card:hover video{filter:brightness(1.15)saturate(1.2);transform:scale(1.08)}.feed-placeholder{background:linear-gradient(135deg,#2d1b4e 0%,#4a2060 50%,#1b3a5e 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.feed-placeholder-icon{opacity:.5;font-size:3rem}.feed-placeholder-label{font-family:var(--font-manga);color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.9rem}.feed-card[data-type=video] .feed-placeholder{background:linear-gradient(135deg,#1b3a5e 0%,#2d1b4e 50%,#0d2137 100%)}.feed-slider{cursor:pointer;background:#ffffff14;border-radius:3px;width:min(400px,60%);height:6px;margin:1.5rem auto 0;display:none;position:relative}@media (hover:hover){.feed-slider{display:block}}.feed-slider-thumb{background:linear-gradient(90deg, var(--energy-orange), var(--energy-gold));cursor:grab;will-change:transform;border-radius:7px;width:60px;height:14px;transition:box-shadow .2s;position:absolute;top:-4px;left:0;box-shadow:0 0 8px #ff6b004d}.feed-slider-thumb:hover,.feed-slider-thumb--active{box-shadow:0 0 16px #ff6b0099}.feed-slider-thumb--active{cursor:grabbing}.feed-play-icon{color:#ffffffd9;pointer-events:none;z-index:2;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.5rem;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed-card:hover .feed-play-icon{opacity:0}.chart-panel{transition:transform .3s}.token-section{justify-content:center;min-height:80vh}.lightbox-overlay{z-index:200;background:#000000eb;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox-overlay--active{display:flex}.lightbox-media{z-index:2;justify-content:center;align-items:center;display:flex}.lightbox-img,.lightbox-video{object-fit:contain;border:4px solid var(--panel-border);border-radius:8px;max-width:90vw;max-height:85vh}.lightbox-close{color:var(--text-primary);cursor:pointer;z-index:3;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s,transform .2s;position:absolute;top:1rem;right:1.5rem}.lightbox-close:hover{color:var(--energy-orange);transform:scale(1.2)}.lightbox-counter{font-family:var(--font-manga);color:var(--energy-orange);letter-spacing:.1em;z-index:3;font-size:1.1rem;position:absolute;top:1.2rem;left:1.5rem}.lightbox-nav{color:var(--text-primary);cursor:pointer;z-index:3;background:#0006;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:3rem;line-height:1;transition:border-color .2s,color .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{border-color:var(--energy-orange);color:var(--energy-orange);background:#ff6b001a}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (width<=768px){.lightbox-nav{width:36px;height:36px;font-size:2rem}}.loading-screen{z-index:500;background:var(--bg-primary);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.loading-speed-lines{background:repeating-conic-gradient(#0000 0deg 4deg,#ff6b000a 4deg 5deg);animation:20s linear infinite rotate-lines;position:absolute;inset:0}.loading-logo{z-index:1;font-size:clamp(3rem,12vw,8rem);animation:1.5s ease-in-out infinite loading-pulse;position:relative}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.loading-bar-track{z-index:1;background:#ffffff1a;border-radius:2px;width:min(300px,60vw);height:4px;position:relative;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--energy-orange), var(--energy-gold));transform-origin:0;width:100%;height:100%;animation:1.5s ease-in-out infinite loading-bar;transform:scaleX(.3)}@keyframes loading-bar{0%{transform-origin:0;transform:scaleX(.1)}50%{transform-origin:0;transform:scaleX(.7)}51%{transform-origin:100%}to{transform-origin:100%;transform:scaleX(.1)}}.easter-egg-msg{z-index:1000;font-family:var(--font-manga);color:var(--energy-gold);-webkit-text-stroke:3px var(--panel-border);text-shadow:4px 4px 0 var(--energy-orange), 0 0 40px #ffd70099;white-space:nowrap;pointer-events:none;text-align:center;font-size:clamp(2rem,8vw,5rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.easter-egg-hint{z-index:150;border:2px solid var(--energy-gold);cursor:pointer;background:#0a0a0ae6;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem 1.4rem;transition:opacity .4s,transform .4s;animation:.5s backwards hint-slide-in;display:flex;position:fixed;bottom:5rem;right:1.5rem;box-shadow:0 0 20px #ffd70026}@keyframes hint-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.easter-egg-hint-text{font-family:var(--font-marker);color:var(--energy-gold);font-size:.95rem}.easter-egg-hint-keys{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.15em;font-size:.8rem}.ki-progress-bar{background:linear-gradient(90deg, var(--energy-orange), var(--energy-gold));transform-origin:0;z-index:300;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0);box-shadow:0 0 8px #ff6b0080}.music-player{z-index:100;position:fixed;bottom:1.5rem;right:1.5rem}.music-btn{border:2px solid var(--energy-orange);cursor:pointer;background:#0a0a0ad9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 12px #ff6b0033}.music-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #ff6b0066}.music-btn--playing{border-color:var(--energy-gold);box-shadow:0 0 20px #ffd7004d}.music-icon{font-size:1.2rem;line-height:1}@media (width<=768px){.manga-page{grid-template-columns:repeat(2,1fr)}.panel-large{grid-area:span 1/span 2}.panel-wide{grid-column:span 2}.speech-bubble{max-width:260px}.scouter-hud{margin:0 1rem}}@media (width<=480px){.manga-page{grid-template-columns:1fr}.panel-large,.panel-wide{grid-column:span 1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}