.lyric-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;--stage-accent: #6ec8ff;--hero-base: clamp(22px, 4.44vh, 120px)}.lyric-hero{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lyric-hero .lyric{position:absolute;top:0;right:0;bottom:0;left:0;color:#eaf4ff;font-weight:800;letter-spacing:.02em}.lyric-hero .lu{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));transform-origin:center;white-space:nowrap;line-height:1.04;text-shadow:0 0 .16em color-mix(in srgb,var(--stage-accent) 58%,transparent),0 0 .46em color-mix(in srgb,var(--stage-accent) 30%,transparent),0 4px 8px rgba(0,0,0,.7)}.lyric-hero .lu-vert{writing-mode:vertical-rl;text-orientation:upright;line-height:1}.lyric-hero .lu-i,.lyric-hero .lu-c{display:inline-block;will-change:transform,opacity,filter;transform-style:preserve-3d;backface-visibility:hidden;padding:.6em;margin:-.6em}.lyric-hero .lyric.glitching .lu-c,.lyric-hero .lyric.glitching .lu-i{text-shadow:2px 0 var(--stage-accent),-2px 0 #ff2d78}.lyric-hero .lu-ghost{mix-blend-mode:screen}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#04060a}.stage{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0}.media{position:fixed;left:10px;bottom:10px;width:220px;z-index:30;opacity:.92}.select-ripple{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;pointer-events:none;mix-blend-mode:screen}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 clamp(28px,8vw,140px);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;color:#eef6ff;background:linear-gradient(100deg,#020306d6,#04060c80 44%,#04060c00 72%);overflow:hidden;-webkit-user-select:none;user-select:none}.title-screen.is-ready{background:linear-gradient(100deg,#03060eb8,#060a165c 46%,#060a1600 74%);transition:background .6s ease}.title-screen.menu-start{background:linear-gradient(100deg,#03060e80,#060a1629 42%,#060a1600 64%)}.title-slash{position:absolute;top:-20%;left:-12%;width:58%;height:140%;background:linear-gradient(115deg,#6ec8ff1a,#ff5db10d);transform:skew(-12deg);pointer-events:none;mix-blend-mode:screen}.title-head{margin-bottom:clamp(22px,5vh,56px)}.title-logo{margin:0;font-family:Arial Black,Impact,Yu Gothic,sans-serif;font-size:clamp(44px,7.78vh,190px);font-weight:900;line-height:.9;font-style:italic;color:#f2f8ff;text-shadow:3px 0 0 rgba(255,93,177,.55),-3px 0 0 rgba(110,200,255,.55),0 0 38px rgba(110,200,255,.32);transform:skew(-7deg);animation:logoIn .6s cubic-bezier(.2,.9,.2,1) backwards}.title-sub{margin:12px 0 0 8px;font-size:clamp(11px,.83vh,22px);letter-spacing:.28em;text-transform:uppercase;color:#bed7f5b3}.title-menu{display:flex;flex-direction:column;gap:12px}.menu-item{position:relative;display:flex;align-items:baseline;gap:16px;padding:10px 30px 10px 18px;background:transparent;border:none;cursor:pointer;color:#d2e2f599;font-family:inherit;text-align:left;transform:skew(-9deg);transition:transform .18s cubic-bezier(.2,.9,.2,1),color .18s,background .18s;-webkit-tap-highlight-color:transparent;animation:menuCutIn .42s cubic-bezier(.2,.9,.2,1) backwards}.menu-item:nth-child(1){animation-delay:.06s}.menu-item:nth-child(2){animation-delay:.14s}.menu-index{font-family:Courier New,monospace;font-size:clamp(11px,.6vh,15px);letter-spacing:.1em;opacity:.55}.menu-label{font-size:clamp(22px,2.41vh,58px);font-weight:800;font-style:italic;letter-spacing:.04em}.menu-caption{font-size:clamp(10px,.56vh,14px);letter-spacing:.16em;opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s}.menu-item.selected{color:#04060a;transform:skew(-9deg) translate(28px);background:linear-gradient(90deg,#6ec8fff2,#6ec8ff1a 88%,#6ec8ff00)}.menu-item.selected .menu-index{color:#04060a;opacity:1}.menu-item.selected .menu-label{text-shadow:2px 0 0 rgba(255,93,177,.45)}.menu-item.selected .menu-caption{opacity:.9;transform:translate(0)}.menu-item:focus-visible{outline:none}.option-panel{margin-top:22px;padding:18px 24px;width:min(440px,82vw);background:#060a12d1;border-left:3px solid #6ec8ff;transform:skew(-6deg);animation:panelIn .24s ease backwards}.option-panel>*{transform:skew(6deg)}.option-row{display:flex;align-items:center;gap:14px}.option-row label{font-family:Courier New,monospace;font-size:clamp(11px,.65vh,16px);letter-spacing:.18em;color:#6ec8ff;min-width:64px}.option-row input[type=range]{flex:1;accent-color:#6ec8ff;cursor:pointer}.option-value{font-family:Courier New,monospace;font-size:clamp(11px,.65vh,16px);min-width:34px;text-align:right;color:#eef6ff}.option-note{margin:12px 0 14px;font-size:clamp(10px,.51vh,13px);letter-spacing:.12em;color:#aac3e180}.option-close{padding:8px 28px;font-family:Courier New,monospace;font-size:clamp(10px,.6vh,15px);letter-spacing:.2em;color:#04060a;background:#6ec8ff;border:none;cursor:pointer}.option-close:hover{background:#9bd9ff}.quality-seg{display:flex;flex:1;gap:6px;justify-content:flex-end}.quality-seg-btn{flex:1;padding:6px 0;font-family:Courier New,monospace;font-size:clamp(10px,.56vh,14px);letter-spacing:.16em;color:#6ec8ff;background:#6ec8ff14;border:1px solid rgba(110,200,255,.4);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.quality-seg-btn:hover{background:#6ec8ff38}.quality-seg-btn.selected{color:#04060a;background:#6ec8ff;border-color:#6ec8ff;font-weight:700}.quality-seg-btn:focus-visible{outline:none}.title-loading{font-family:Courier New,monospace;font-size:clamp(14px,1.11vh,28px);letter-spacing:.4em;color:#a0c8f0bf;animation:blink 1.2s ease-in-out infinite}.title-hint{position:absolute;bottom:28px;left:clamp(28px,8vw,140px);font-size:clamp(10px,.56vh,14px);letter-spacing:.14em;color:#96afcd8c}@keyframes logoIn{0%{opacity:0;transform:skew(-7deg) translate(-30px) scale(1.04)}to{opacity:1;transform:skew(-7deg) translate(0) scale(1)}}@keyframes menuCutIn{0%{opacity:0;transform:skew(-9deg) translate(-40px)}to{opacity:1;transform:skew(-9deg) translate(0)}}@keyframes panelIn{0%{opacity:0;transform:skew(-6deg) translate(-20px)}to{opacity:1;transform:skew(-6deg) translate(0)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.title-logo,.menu-item,.option-panel{animation:none!important}}.pause-button{position:fixed;top:12px;right:14px;z-index:20;width:40px;height:40px;font-size:clamp(10px,.6vh,15px);color:#dcebffd9;background:#0a101c8c;border:1px solid rgba(140,180,230,.35);border-radius:4px;cursor:pointer}.pause-button:hover{background:#1e2d46b3}.rotate-gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:8vw;text-align:center;background:radial-gradient(120% 90% at 50% 40%,#060c18f7,#020306fc);color:#eef6ff;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;-webkit-user-select:none;user-select:none}@media(orientation:portrait)and (pointer:coarse){.rotate-gate{display:flex}}.rotate-gate__icon{width:54px;height:92px;border:3px solid #6ec8ff;border-radius:12px;box-shadow:0 0 22px #6ec8ff73,inset 0 0 10px #6ec8ff2e;animation:rotateHint 2.4s ease-in-out infinite}.rotate-gate__title{margin:0;font-size:clamp(18px,5.4vw,30px);font-weight:800;font-style:italic;letter-spacing:.06em;text-shadow:2px 0 0 rgba(255,93,177,.4),-2px 0 0 rgba(110,200,255,.4)}.rotate-gate__sub{margin:0;font-size:clamp(12px,3.2vw,16px);letter-spacing:.1em;color:#b4cdebbf}@keyframes rotateHint{0%,28%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-gate__icon{animation:none;transform:rotate(-90deg)}}