:root{--c-bg:#0a0a0a;--c-surface:#111;--c-red:#ff0050;--c-red-glow:#ff005099;--c-cyan:#0fc;--c-cyan-glow:#0fc6;--c-white:#e0e0e0;--c-gray:#888;--c-dim:#333;--ff-main:"Noto Sans SC", sans-serif;--ff-title:"Noto Serif JP", serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--c-bg);overflow-x:hidden}body{font-family:var(--ff-main);color:var(--c-white);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-dim);border-radius:2px}::selection{background:var(--c-red);color:var(--c-white)}.glitch-text{animation:4s linear infinite alternate-reverse glitch-skew;display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch-text:before{color:var(--c-red);z-index:-1;animation:3s linear infinite alternate-reverse glitch-before}.glitch-text:after{color:var(--c-cyan);z-index:-2;animation:2s linear infinite alternate-reverse glitch-after}@keyframes glitch-before{0%{clip-path:inset(0 0 65%);transform:translate(-2px,-1px)}20%{clip-path:inset(20% 0 40%);transform:translate(2px,1px)}40%{clip-path:inset(50% 0 20%);transform:translate(-1px,2px)}60%{clip-path:inset(10% 0 60%);transform:translate(1px,-1px)}80%{clip-path:inset(40% 0 30%);transform:translate(-2px,1px)}to{clip-path:inset(70% 0 10%);transform:translate(2px,-2px)}}@keyframes glitch-after{0%{clip-path:inset(65% 0 0);transform:translate(2px,1px)}25%{clip-path:inset(40% 0 20%);transform:translate(-1px,-1px)}50%{clip-path:inset(20% 0 50%);transform:translate(1px,2px)}75%{clip-path:inset(60% 0 10%);transform:translate(-2px,1px)}to{clip-path:inset(30% 0 40%);transform:translate(2px,-1px)}}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(-.5deg)}20%{transform:skew(0deg)}30%{transform:skew(.3deg)}40%{transform:skew(0deg)}to{transform:skew(0deg)}}.hero{background:radial-gradient(ellipse at 50% 30%, #ff005014 0%, transparent 60%), var(--c-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.hero__vignette{background:radial-gradient(ellipse at center, transparent 40%, var(--c-bg) 100%);pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero__content{z-index:2;text-align:center;opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(30px)}.hero.visible .hero__content{opacity:1;transform:translateY(0)}.hero__title{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.hero__title-main{font-family:var(--ff-title);color:var(--c-red);text-shadow:0 0 20px var(--c-red-glow), 0 0 40px #ff00504d;letter-spacing:4px;font-size:clamp(2rem,8vw,3.5rem)}.hero__title-sub{font-family:var(--ff-title);color:var(--c-white);letter-spacing:12px;opacity:.9;font-size:clamp(1.5rem,5vw,2.5rem)}.hero__divider{background:linear-gradient(90deg, transparent, var(--c-cyan), transparent);width:60px;height:1px;margin:0 auto 24px}.hero__tagline{color:var(--c-gray);letter-spacing:2px;font-size:clamp(.85rem,2.5vw,1rem)}.hero__scroll-hint{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1s 1.5s forwards fade-in-up;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-hint span{color:var(--c-dim);letter-spacing:4px;text-transform:uppercase;font-size:.7rem}.hero__scroll-arrow{background:linear-gradient(to bottom, var(--c-cyan), transparent);width:1px;height:24px;animation:2s infinite scroll-pulse}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.story-step{justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.story-step__inner{opacity:0;width:100%;max-width:600px;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.story-step.visible .story-step__inner{opacity:1;transform:translateY(0)}.story-step[data-align=left] .story-step__inner{margin-left:10%;margin-right:auto}.story-step[data-align=right] .story-step__inner{margin-left:auto;margin-right:10%}.story-step[data-align=center] .story-step__inner{text-align:center;margin:0 auto}.story-step__step{color:var(--c-cyan);letter-spacing:4px;text-transform:uppercase;opacity:.7;margin-bottom:16px;font-family:monospace;font-size:.75rem}.story-step__title{font-family:var(--ff-title);color:var(--c-red);text-shadow:0 0 20px var(--c-red-glow);margin-bottom:24px;font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.3}.story-step__content{flex-direction:column;gap:12px;display:flex}.story-step__line{color:var(--c-white);opacity:0;font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.9;animation:.6s forwards line-appear}@keyframes line-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story-step__flicker{pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#00ffcc05 50%,#0000 100%);width:100%;height:100%;transition:opacity 1s .5s;animation:8s linear infinite scanline;position:absolute;top:0;left:0}.story-step.visible .story-step__flicker{opacity:1}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.story-section{background:var(--c-bg);position:relative}.story-section__noise{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.time-location{background:var(--c-surface);padding:80px 24px;position:relative}.time-location__header{text-align:center;opacity:0;margin-bottom:40px;transition:all .6s;transform:translateY(20px)}.time-location.visible .time-location__header{opacity:1;transform:translateY(0)}.time-location__label{color:var(--c-cyan);letter-spacing:4px;font-family:monospace;font-size:.8rem}.time-location__grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:500px;margin:0 auto;display:grid}.time-location__card{background:var(--c-bg);border:1px solid var(--c-dim);opacity:0;border-radius:4px;align-items:center;gap:12px;padding:20px 16px;transition:all .6s;display:flex;transform:translateY(20px)}.time-location.visible .time-location__card{opacity:1;transform:translateY(0)}.time-location.visible .time-location__card:first-child{transition-delay:.1s}.time-location.visible .time-location__card:nth-child(2){transition-delay:.2s}.time-location.visible .time-location__card:nth-child(3){transition-delay:.3s}.time-location.visible .time-location__card:nth-child(4){transition-delay:.4s}.time-location__icon{flex-shrink:0;font-size:1.2rem}.time-location__info{flex-direction:column;gap:4px;display:flex}.time-location__key{color:var(--c-cyan);letter-spacing:2px;text-transform:uppercase;font-family:monospace;font-size:.65rem}.time-location__value{color:var(--c-white);font-size:.85rem;line-height:1.4}@media (width<=400px){.time-location__grid{grid-template-columns:1fr}}.players{background:var(--c-bg);padding:80px 24px}.players__header{text-align:center;opacity:0;margin-bottom:40px;transition:all .6s;transform:translateY(20px)}.players.visible .players__header{opacity:1;transform:translateY(0)}.players__label{color:var(--c-cyan);letter-spacing:4px;margin-bottom:12px;font-family:monospace;font-size:.8rem;display:block}.players__title{font-family:var(--ff-title);color:var(--c-white);margin-bottom:16px;font-size:clamp(1.5rem,5vw,2rem)}.players__count{justify-content:center;align-items:baseline;gap:4px;font-family:monospace;display:flex}.players__count-num{color:var(--c-red);text-shadow:0 0 10px var(--c-red-glow);font-size:2rem;font-weight:700}.players__count-sep{color:var(--c-dim);font-size:1.2rem}.players__count-total{color:var(--c-gray);font-size:1.2rem}.players__count-unit{color:var(--c-dim);letter-spacing:2px;margin-left:8px;font-size:.75rem}.players__list{flex-direction:column;gap:8px;max-width:400px;margin:0 auto;display:flex}.players__card{background:var(--c-surface);border:1px solid var(--c-dim);opacity:0;border-radius:4px;align-items:center;gap:12px;padding:16px;transition:all .5s;display:flex;transform:translate(-20px)}.players.visible .players__card{opacity:1;transform:translate(0)}.players.visible .players__card:first-child{transition-delay:.1s}.players.visible .players__card:nth-child(2){transition-delay:.2s}.players.visible .players__card:nth-child(3){transition-delay:.3s}.players.visible .players__card:nth-child(4){transition-delay:.4s}.players.visible .players__card:nth-child(5){transition-delay:.5s}.players.visible .players__card:nth-child(6){transition-delay:.6s}.players__card--confirmed{border-color:#0fc3}.players__card--open{opacity:.5;border-style:dashed}.players.visible .players__card--open{opacity:.5}.players__card-avatar{background:var(--c-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.players__card--open .players__card-avatar{color:var(--c-dim);font-family:monospace;font-size:1.2rem}.players__card-info{flex-direction:column;flex:1;gap:2px;display:flex}.players__card-name{color:var(--c-white);font-size:.9rem;font-weight:500}.players__card--open .players__card-name{color:var(--c-dim)}.players__card-role{color:var(--c-cyan);letter-spacing:1px;font-size:.7rem}.players__card-status{color:var(--c-gray);letter-spacing:2px;font-family:monospace;font-size:.65rem}.players__card--confirmed .players__card-status{color:var(--c-cyan)}.players__cta{text-align:center;opacity:0;margin-top:32px;transition:all .6s .8s;transform:translateY(10px)}.players.visible .players__cta{opacity:1;transform:translateY(0)}.players__cta-text{color:var(--c-red);letter-spacing:2px;text-shadow:0 0 10px var(--c-red-glow);font-size:.85rem}.footer{background:var(--c-surface);border-top:1px solid var(--c-dim);padding:60px 24px 40px}.footer__content{text-align:center;opacity:0;max-width:500px;margin:0 auto;transition:all .6s;transform:translateY(20px)}.footer.visible .footer__content{opacity:1;transform:translateY(0)}.footer__warning{color:var(--c-red);background:#ff00500d;border:1px solid #ff00504d;border-radius:4px;margin-bottom:32px;padding:12px;font-size:.75rem;line-height:1.6}.footer__contact{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.footer__contact-label{color:var(--c-cyan);letter-spacing:4px;text-transform:uppercase;font-family:monospace;font-size:.7rem}.footer__contact-value{color:var(--c-white);letter-spacing:2px;font-size:1.1rem;font-weight:500}.footer__divider{background:var(--c-dim);width:40px;height:1px;margin:0 auto 24px}.footer__copy{color:var(--c-gray);margin-bottom:4px;font-size:.7rem}.footer__note{color:var(--c-dim);font-size:.65rem}.glitch-stripe{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glitch-stripe__line{background:linear-gradient(90deg, transparent, var(--c-red), var(--c-cyan), transparent);opacity:0;width:100%;animation:linear forwards stripe-flash;position:absolute;left:0}@keyframes stripe-flash{0%{opacity:0;transform:translate(-5%)}20%{opacity:.7}50%{opacity:.3;transform:translate(3%)}80%{opacity:.6}to{opacity:0;transform:translate(0)}}