*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--ink: #07060f;--accent: #7ef0ff;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--pop: cubic-bezier(.34, 1.56, .64, 1)}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,"Rounded Mplus 1c",system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer}svg{display:block}#cam{position:fixed;width:2px;height:2px;opacity:0;pointer-events:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.fader{position:fixed;inset:0;background:var(--ink);opacity:0;pointer-events:none;z-index:5;transition:opacity .7s ease}.fader.on{opacity:1}.screen{position:fixed;inset:0;z-index:30;opacity:0;transition:opacity .4s ease}.screen.in{opacity:1}.title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,7vh,64px);padding:calc(24px + var(--safe-t)) calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));cursor:pointer;background:radial-gradient(90% 70% at 50% 46%,rgba(7,6,15,.38),transparent 70%),linear-gradient(to bottom,rgba(7,6,15,.45),transparent 26%,transparent 70%,rgba(7,6,15,.6));outline:none}.title-logo{display:flex;flex-direction:column;align-items:center;transform:translateY(8px) scale(.94);opacity:0;transition:transform .9s var(--pop),opacity .6s ease}.title.in .title-logo{transform:none;opacity:1}.title.in .logo-main{animation:logoFloat 5.5s ease-in-out 1s infinite}@keyframes logoFloat{0%,to{transform:translateY(0) skew(-7deg)}50%{transform:translateY(-5px) skew(-7deg)}}.logo-top{display:flex;align-items:center;gap:10px;font-size:clamp(16px,4.4vmin,30px);font-weight:900;letter-spacing:.3em;padding-left:.3em;color:#ffe27a;transform:skew(-7deg);text-shadow:0 2px 0 #3a1470}.logo-spark{width:.9em;height:.9em;fill:#ffe27a}.logo-top .logo-spark:last-child{fill:#7ef0ff}.logo-main{position:relative;margin-top:.06em;font-size:clamp(44px,13.5vmin,118px);font-weight:900;line-height:1.05;letter-spacing:.02em;white-space:nowrap;transform:skew(-7deg)}.logo-word{position:relative;display:inline-block;background:linear-gradient(180deg,#fff,#bff8ff 38%,#7ec8ff 56%,#b58bff,#ff7ec8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.logo-word:before,.logo-word:after{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;-webkit-text-fill-color:currentColor}.logo-word:before{color:#1c0b3f;-webkit-text-stroke:.16em #1c0b3f}.logo-word:after{color:#ff4d9d;-webkit-text-stroke:.16em #ff4d9d;transform:translate(.05em,.09em);z-index:-2;opacity:.85}.logo-tag{display:flex;align-items:center;gap:12px;margin-top:clamp(8px,2vh,16px);font-size:clamp(10px,2.4vmin,15px);font-weight:800;letter-spacing:.42em;padding-left:.42em;color:#ffffffc7;font-family:system-ui,sans-serif}.logo-tag i{display:block;width:clamp(24px,8vmin,60px);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(126,240,255,.8))}.logo-tag i:last-child{background:linear-gradient(90deg,rgba(255,126,200,.8),transparent)}.title-tap{display:flex;align-items:center;gap:12px;padding:12px 26px 12px 12px;border-radius:999px;background:#0a071a9e;border:2px solid rgba(255,255,255,.28);font-size:clamp(15px,4vmin,20px);font-weight:800;letter-spacing:.06em;opacity:0;transform:translateY(12px);transition:transform .7s var(--pop) .45s,opacity .5s ease .45s}.title.in .title-tap{opacity:1;transform:none}.title.in .title-tap .tap-ic{animation:tapNudge 2.4s ease-in-out 1.4s infinite}.tap-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffb13d,#ff4d9d)}.tap-ic svg{width:20px;height:20px;fill:#fff;margin-left:2px}@keyframes tapNudge{0%,60%,to{transform:scale(1)}30%{transform:scale(1.12)}}.select{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,rgba(7,6,15,.55),transparent 22%,transparent 40%,rgba(7,6,15,.5) 62%,rgba(7,6,15,.88))}.sel-head{padding:calc(14px + var(--safe-t)) calc(64px + var(--safe-r)) 0 calc(20px + var(--safe-l))}.sel-logo{font-family:system-ui,sans-serif;font-size:10px;font-weight:900;letter-spacing:.38em;color:#fff9;transform:skew(-7deg)}.sel-world{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:clamp(24px,7vmin,40px);font-weight:900;line-height:1.15;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 18px rgba(0,0,0,.35);transform-origin:left center}.sel-world.bump{animation:worldBump .45s var(--pop)}@keyframes worldBump{0%{transform:translateY(6px);opacity:.2}to{transform:none;opacity:1}}.sel-world-ic{width:1.5em;height:1.5em;border-radius:30%;display:grid;place-items:center;font-size:.8em;background:var(--accent);box-shadow:0 0 0 3px #ffffffd9;text-shadow:none}.sel-panel{padding:0 0 calc(14px + var(--safe-b));transform:translateY(24px);transition:transform .55s var(--pop)}.select.in .sel-panel{transform:none}.world-rail{--cw: min(58vw, 250px);--ch: calc(var(--cw) * .7);position:relative;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px calc(50% - var(--cw) / 2) 12px;overscroll-behavior-x:contain}.world-rail::-webkit-scrollbar{display:none}.world-card{position:relative;flex:0 0 var(--cw);height:var(--ch);border-radius:24px;scroll-snap-align:center;overflow:hidden;background:var(--grad);border:3px solid rgba(255,255,255,.18);transform:scale(.86);opacity:.72;transition:transform .3s var(--pop),opacity .25s ease,border-color .25s;text-align:left;color:#fff}.world-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 38%,rgba(255,255,255,.16) 50%,transparent 50%),linear-gradient(to top,rgba(5,4,14,.7),transparent 52%);pointer-events:none}.world-card .wc-icon{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:calc(var(--ch) * .44);line-height:1}.world-card .wc-name{position:absolute;left:14px;right:12px;bottom:11px;font-size:clamp(14px,4vmin,18px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.6)}.world-card.sel{transform:scale(1);opacity:1;border-color:#fff;box-shadow:0 10px 28px -8px var(--glow),0 0 0 4px var(--glow2)}.sel-row{display:flex;flex-direction:column;gap:12px}.song-rail{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:6px calc(12px + var(--safe-r)) 2px calc(12px + var(--safe-l));scroll-padding-inline:calc(12px + var(--safe-l));scroll-snap-type:x proximity}.song-rail::-webkit-scrollbar{display:none}.song-sep{flex:0 0 2px;margin:10px 4px 22px;border-radius:2px;background:#ffffff38}.song-tile{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:2px 0 4px;scroll-snap-align:start;transition:transform .22s var(--pop)}.song-tile .st-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1;background:var(--c, #555);border:3px solid rgba(255,255,255,.25);transition:border-color .2s}.song-tile .st-ic{position:relative}.song-tile.loading .st-ic:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;border-right-color:#ffffff73;animation:spin .9s linear infinite}.song-tile .st-name{width:100%;font-size:11px;font-weight:800;line-height:1.25;text-align:center;color:#ffffffc7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-shadow:0 1px 3px rgba(0,0,0,.7)}.song-tile.sel{transform:scale(1.06)}.song-tile.sel .st-ic{border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.song-tile.sel .st-name{color:#fff}.song-tile:active{transform:scale(.94)}.start-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;height:66px;padding:0 30px 0 12px;border-radius:999px;background:linear-gradient(100deg,#ffb13d,#ff6a5c 45%,#ff3d8b);box-shadow:0 8px 24px -10px #ff4682cc,inset 0 -4px #00000024;color:#fff;font-size:24px;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 0 rgba(120,20,60,.35);margin:0 calc(16px + var(--safe-r)) 0 calc(16px + var(--safe-l));animation:startBreathe 2.6s ease-in-out infinite}.start-btn:active{animation:none;transform:scale(.95)}.start-btn:disabled{opacity:.6;animation:none}.start-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff}.start-ic svg{width:22px;height:22px;fill:#ff4d7a;margin-left:3px}.start-btn .start-busy{display:none}.start-btn.busy{opacity:.9;font-size:18px;letter-spacing:.06em}.start-btn.busy .start-label{display:none}.start-btn.busy .start-busy{display:inline}.start-btn.busy .start-ic svg{display:none}.start-btn.busy .start-ic:after{content:"";width:24px;height:24px;border-radius:50%;border:4px solid rgba(255,77,122,.25);border-top-color:#ff4d7a;animation:spin .9s linear infinite}@keyframes startBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@media(orientation:landscape)and (max-height:560px){.sel-head{padding-top:calc(10px + var(--safe-t))}.sel-world{font-size:clamp(20px,6.5vh,30px);margin-top:4px}.world-rail{--cw: min(30vw, 170px);--ch: calc(var(--cw) * .62);gap:10px;padding-top:4px;padding-bottom:6px}.world-card{border-radius:18px}.world-card .wc-icon{top:40%}.world-card .wc-name{font-size:13px;bottom:7px;left:11px}.sel-row{flex-direction:row;align-items:center;gap:4px}.song-rail{flex:1 1 auto;min-width:0;padding-right:8px}.start-btn{margin-left:0}.song-tile{flex-basis:66px}.song-tile .st-ic{width:44px;height:44px;font-size:21px}.song-tile .st-name{font-size:10px}.start-btn{height:60px;font-size:21px;padding-right:24px}.start-ic{width:42px;height:42px}.sel-panel{padding-bottom:calc(10px + var(--safe-b))}}@media(min-width:700px)and (min-height:700px){.world-rail{--cw: min(40vw, 320px)}.song-tile{flex-basis:88px}.song-tile .st-ic{width:62px;height:62px;font-size:30px}.song-tile .st-name{font-size:12px}.sel-row{max-width:820px;margin:0 auto}}.hud{position:fixed;left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));right:calc(14px + var(--safe-r));display:flex;align-items:center;gap:10px;z-index:20;opacity:1;transition:opacity .4s ease;pointer-events:none}.hud>*{pointer-events:auto}.hud.faded{opacity:0}.hud.faded>*{pointer-events:none}.hud-btn{flex:0 0 auto;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.26);background:#0a0818a8;display:grid;place-items:center}.hud-btn svg{width:24px;height:24px;fill:#fff}.hud-btn svg .stroke{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hud-btn:active{transform:scale(.92)}#btnMute .ic-off,#btnMute.off .ic-on{display:none}#btnMute.off .ic-off{display:block}.now-playing{min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 6px;border-radius:999px;background:#0a0818a8;border:2px solid rgba(255,255,255,.18);font-size:13px;font-weight:800;pointer-events:none!important}.now-playing .np-ic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c, #7b5cff);font-size:15px}.now-playing #npName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt{position:fixed;left:50%;bottom:calc(84px + var(--safe-b));transform:translate(-50%);padding:12px 22px;border-radius:999px;background:#080614bd;border:2px solid rgba(255,255,255,.25);font-size:16px;font-weight:800;z-index:18;animation:promptBob 1.8s ease-in-out infinite;pointer-events:none;white-space:nowrap}@keyframes promptBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.toast{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);max-width:min(86vw,480px);padding:18px 24px;border-radius:18px;background:#140a1ef0;border:2px solid rgba(255,120,160,.5);font-size:15px;font-weight:700;text-align:center;z-index:40}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}.loading-pill{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px 10px 12px;border-radius:999px;background:#080614bd;border:2px solid rgba(255,255,255,.22);font-size:15px;font-weight:800;white-space:nowrap;pointer-events:none;z-index:19}.loading-pill.boot{bottom:calc(18% + var(--safe-b))}.loading-pill.song{top:calc(14px + var(--safe-t))}.loading-pill .spin{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.loading-pill .spin,.song-tile.loading .st-ic:after,.start-btn.busy .start-ic:after{animation-duration:2.4s}}