:root{--void:#07070d;--ember:#ff4d24;--ember-deep:#c81f0a;--gold:#ffc247;--core:#fff4e8;--paper:#f2ece6;--disp:"Anton", "Bebas Neue", sans-serif;--beb:"Bebas Neue", sans-serif;--mono:"Space Mono", monospace;--kanji:"Shippori Mincho", "Noto Sans JP", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--void);color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block}::selection{background:var(--ember);color:var(--void)}.exp{width:100%;position:relative}.stage{will-change:transform;background:radial-gradient(120% 70% at 50% -10%,#ff7a451f,#0000 60%),radial-gradient(90% 60% at 50% 110%,#ff4d241a,#0000 66%),linear-gradient(#0b0912 0%,#07070d 55%,#050409 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.layer--bg{z-index:0}.layer--stars{z-index:1;opacity:.9}.layer--clouds{z-index:2}.layer--kanji{z-index:3}.layer--hat{z-index:4}.layer--luffy{z-index:5}.layer--fx{z-index:6}.particles-container{width:100%;height:100%}.bgplate{transform-origin:50% 45%;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.bgplate--base{opacity:.3;filter:saturate(.75)contrast(1.05)brightness(.72);background-image:url(../images/bg.webp)}.bgplate--shift{opacity:0;filter:saturate(1.15)contrast(1.1)brightness(.85);background-image:url(../images/transition.webp)}.bgplate__scrim{background:radial-gradient(72% 62% at 50% 48%,#0000 0%,#05040a8c 78%,#05040aeb 100%),linear-gradient(#07070d8c 0%,#0000 30% 62%,#050409cc 100%);position:absolute;inset:0}.cloud{filter:blur(24px);mix-blend-mode:screen;opacity:.45;will-change:transform;border-radius:50%;position:absolute}.cloud--1{background:radial-gradient(#7850c880,#0000 70%);width:62vw;height:42vh;animation:42s linear infinite drift;top:6%;left:-10%}.cloud--2{background:radial-gradient(#c83c286b,#0000 70%);width:54vw;height:38vh;animation:56s linear infinite reverse drift;top:40%;right:-8%}.cloud--3{background:radial-gradient(#283c8280,#0000 72%);width:72vw;height:42vh;animation:68s linear infinite drift;bottom:2%;left:12%}@keyframes drift{0%{transform:translate(-4%)}50%{transform:translate(6%)}to{transform:translate(-4%)}}.scene3d{position:absolute;inset:0}.scene3d canvas{display:block}.kanji{pointer-events:none;position:absolute;inset:0;overflow:hidden}.kanji__item{font-family:var(--kanji);letter-spacing:.12em;white-space:nowrap;will-change:transform, opacity;color:rgba(255, 205, 150, var(--kanji-opacity,.5));text-shadow:0 0 18px #ff7a4566,0 0 46px #ff3c142e;font-weight:800;position:absolute;top:0}.kanji__glyph{color:rgba(255, 205, 150, var(--kanji-opacity,.6));text-shadow:0 0 18px #ff7a4566,0 0 46px #ff3c142e;will-change:transform;animation:3.4s ease-in-out infinite kanjiSway;display:inline-block}@keyframes kanjiSway{0%,to{opacity:.82;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-.06em)scale(1.05)}}.luffy{position:absolute;inset:0}.luffy__fog{opacity:0;background:radial-gradient(48% 42% at 50% 62%,#ff4d2438,#0000 70%),radial-gradient(70% 60% at 50% 70%,#140a1eb3,#0000 75%);position:absolute;inset:0}.luffy__inner{will-change:transform, opacity;position:absolute}.luffy__img,.luffy__gear2,.luffy__heat{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.luffy__img{opacity:0;will-change:opacity, transform}.luffy__gear2{opacity:0;pointer-events:none;will-change:opacity}.luffy__heat{opacity:0;mix-blend-mode:screen;filter:brightness(2.6)saturate(3)hue-rotate(-14deg)blur(3px);pointer-events:none}.luffy__thunder{opacity:0;pointer-events:none;position:absolute;inset:0}.luffy__thunder-flash{object-fit:fill;opacity:0;mix-blend-mode:screen;filter:brightness(3.6)saturate(6)hue-rotate(-12deg)contrast(1.7)drop-shadow(0 0 26px #ff280ae6)blur(1px);will-change:opacity;width:100%;height:100%;animation:1s linear infinite gear2Thunder;position:absolute;inset:0}@keyframes gear2Thunder{0%{opacity:0}2%{opacity:1}6%{opacity:.2}9%{opacity:.9}16%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.luffy__thunder-flash{animation:none}}.fx{pointer-events:none;position:absolute;inset:0}.fx__canvas,.fx__svg{width:100%;height:100%;position:absolute;inset:0}.fx__svg{mix-blend-mode:screen;overflow:visible}.fx__svg path{stroke-linecap:round;stroke-linejoin:round}.fx__flash{opacity:0;mix-blend-mode:screen;background:radial-gradient(60% 50% at 50% 45%,#fff 0%,#ffd0b0 30%,#ff5a2880 60%,#0000 85%);position:absolute;inset:0}.fx__shock{opacity:0;mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(circle,#0000 56%,#ffd2aa8c 68%,#ff5a28e6 76%,#ff3c1440 86%,#0000 94%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.aftermath{z-index:7;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(46% 40% at 50% 58%,#ff4d2447,#0000 72%);position:absolute;inset:0}.vignette{z-index:8;pointer-events:none;opacity:.35;background:radial-gradient(#0000 38%,#030208e6 100%);position:absolute;inset:0}.thunder{z-index:8;pointer-events:none;position:absolute;inset:0}.thunder__svg{mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thunder__svg path{stroke-linecap:round;stroke-linejoin:round}.thunder__flash{opacity:0;mix-blend-mode:screen;will-change:opacity;background:radial-gradient(75% 60% at 50% 30%,#ff5a32e6 0%,#ff281480 40%,#0000 78%);position:absolute;inset:0}.thunder__hit{opacity:0;mix-blend-mode:screen;will-change:opacity;background:radial-gradient(circle,#ffdcc8e6 0%,#ff3c1e99 22%,#0000 62%);width:42vh;height:42vh;position:absolute;transform:translate(-50%,-50%)}.stamp{z-index:9;opacity:0;transform-origin:50%;pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.stamp__jp{font-family:var(--kanji);color:var(--core);text-shadow:0 0 40px #ff783ce6,0 0 120px #ff3c14b3,0 10px 60px #0009;font-size:clamp(72px,17vw,260px);font-weight:800;line-height:.86}.stamp__en{font-family:var(--beb);letter-spacing:.62em;text-indent:.62em;color:var(--ember);font-size:clamp(11px,1.5vw,18px)}.rail{z-index:9;pointer-events:none;writing-mode:vertical-rl;font-family:var(--kanji);letter-spacing:.5em;color:#ffc89657;text-shadow:0 0 20px #ff5a2859;flex-direction:column;align-items:center;gap:18px;font-size:clamp(10px,1.05vw,15px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.rail--left{left:26px}.rail--right{right:26px}.rail__jp--dim{color:#f2ece633;letter-spacing:.42em}.rail__dot{background:var(--ember);width:3px;height:3px;box-shadow:0 0 10px var(--ember);border-radius:50%;flex:none}.hero{z-index:9;text-align:center;pointer-events:none;will-change:transform, opacity, filter;padding:0 20px;position:absolute;top:46%;left:0;right:0;transform:translateY(-50%)}.hero__kanji{font-family:var(--kanji);color:var(--gold);letter-spacing:.14em;text-shadow:0 0 30px #ffc24780,0 0 70px #ff4d2440;margin-bottom:10px;font-size:clamp(26px,5vw,56px);font-weight:800;display:block}.hero__title{font-family:var(--disp);letter-spacing:.01em;color:var(--paper);text-transform:uppercase;text-shadow:0 8px 40px #000000bf,0 0 70px #ff4d2447;justify-content:center;font-size:clamp(48px,12vw,148px);line-height:.9}.hero__sub{letter-spacing:.42em;text-transform:uppercase;color:#f2ece68c;margin-top:16px;font-size:10.5px}.hero__jp{font-family:var(--kanji);letter-spacing:.34em;text-indent:.34em;color:#ffc247b8;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:clamp(12px,1.5vw,17px);display:flex}.hero__jp i{background:linear-gradient(90deg,#0000,#ff4d24cc,#0000);flex:none;width:22px;height:1px}.cue{z-index:9;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.cue__jp{font-family:var(--kanji);letter-spacing:.36em;text-indent:.36em;color:#ffc24799;font-size:11px}.cue__text{font-family:var(--beb);letter-spacing:.42em;font-size:13px}.cue__arrow{color:var(--ember);font-size:15px}.hud{z-index:10;pointer-events:none;letter-spacing:.22em;text-transform:uppercase;color:#f2ece673;justify-content:space-between;padding:18px 24px;font-size:10px;display:flex;position:absolute;left:0;right:0}.hud--top{top:0}.hud--bottom{bottom:0}.hud b{color:var(--ember);font-weight:400}.hud__jp{font-family:var(--kanji);letter-spacing:.16em;color:var(--gold);font-style:normal}.hud__jp--big{letter-spacing:.34em;text-indent:.34em;text-shadow:0 0 18px #ffc24773;font-size:13px}.grain{z-index:11;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:7s steps(8,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-5%,-6%)}40%{transform:translate(4%,-4%)}60%{transform:translate(-4%,6%)}80%{transform:translate(6%,3%)}}@media (width<=760px){.hud{padding:12px 14px;font-size:8.5px}.hero{top:42%}.rail{display:none}.hud__jp--big{font-size:11px}}@media (prefers-reduced-motion:reduce){.grain,.cloud{animation:none}}.particles-container{width:100%;height:100%;position:relative}.shiny-text{display:inline-block}