:root{--ink: #02060a;--cyan: #38e1f0;--cyan-hot: #9ff6ff;--ice: #eaffff;--gold: #f5b942;--gold-hot: #ffe2a0;--hud: #cfd6da;--beat: .5s;--s: 1;--ox: 0px;--oy: 0px;--shift-l: 0px;--shift-r: 0px;--title-scale: 1;--f-display: "Exo 2", "Eurostile", "Arial Black", Impact, sans-serif;--f-hud: "Jost", "Futura", "Century Gothic", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--ink);overflow:hidden}body{color:var(--hud);font-family:var(--f-hud);-webkit-font-smoothing:antialiased;touch-action:manipulation}ul{list-style:none}#backdrop{position:fixed;inset:-6%;background:url(../assets/plate-9a90082015.webp) center / cover no-repeat;filter:blur(42px) brightness(.38) saturate(1.2);transform:scaleX(-1)}#viewport{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;transform:translate3d(var(--ox),var(--oy),0) scale(var(--s))}#layers,#hud{position:absolute;inset:0}.layer{position:absolute;will-change:transform;pointer-events:none}.layer-fit{transform-origin:0 0;transform:translate(var(--ax, 0px),var(--ay, 0px)) scale(var(--as, 1));transition:opacity .4s}.layer-in{position:relative;width:100%;height:100%}.layer img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.layer[data-name=title] .layer-fit{--ax: var(--shift-l);--as: var(--title-scale)}.layer[data-name=tower] .layer-fit{--ax: calc(var(--shift-r) * -.5)}.loading .layer-in{opacity:0;transform:translate3d(var(--ix, 0),var(--iy, 40px),0) scale(var(--is, 1))}.layer-in{transition:opacity 1.1s cubic-bezier(.2,.7,.2,1) var(--delay, 0s),transform 1.5s cubic-bezier(.16,.84,.24,1) var(--delay, 0s)}.loading .layer[data-name=plate] .layer-in{opacity:0;transform:scale(1.06)}.accent{position:absolute;mix-blend-mode:screen;animation:beat-accent var(--beat) infinite cubic-bezier(.1,.6,.3,1)}.layer[data-name=glow-n] .layer-in>img{animation:beat-glow calc(var(--beat) * 2) infinite cubic-bezier(.1,.6,.3,1)}@keyframes beat-accent{0%{opacity:1;filter:brightness(1.7) blur(.6px)}to{opacity:.15;filter:brightness(1) blur(0)}}@keyframes beat-glow{0%{filter:brightness(1.32) drop-shadow(0 0 26px rgba(90,230,255,.75))}to{filter:brightness(1) drop-shadow(0 0 10px rgba(90,230,255,.25))}}.shine{position:absolute;inset:0;mix-blend-mode:screen;opacity:.9;background:linear-gradient(104deg,transparent 42%,rgba(210,250,255,.95) 50%,transparent 58%) no-repeat;background-size:300% 100%;background-position:160% 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;animation:shine 7s 2.4s infinite cubic-bezier(.4,0,.2,1)}@keyframes shine{0%{background-position:160% 0}38%,to{background-position:-60% 0}}.wordmark{font:italic 900 56px/1 var(--f-display);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 0 14px rgba(40,215,255,.5)) drop-shadow(0 2px 0 rgba(0,0,0,.6));animation:beat-wordmark calc(var(--beat) * 2) infinite cubic-bezier(.1,.6,.3,1)}.wordmark span{-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}.wm-a{background-image:linear-gradient(180deg,var(--ice) 8%,var(--cyan-hot) 46%,#14b4d4 54%,var(--cyan) 100%)}.wm-b{background-image:linear-gradient(180deg,#fff6dc 8%,var(--gold-hot) 46%,#c98a1c 54%,var(--gold) 100%)}@keyframes beat-wordmark{0%{filter:drop-shadow(0 0 22px rgba(60,225,255,.8)) drop-shadow(0 2px 0 rgba(0,0,0,.6))}to{filter:drop-shadow(0 0 10px rgba(40,215,255,.35)) drop-shadow(0 2px 0 rgba(0,0,0,.6))}}.title-lockup{position:absolute;left:4px;top:212px;transform-origin:0 0;transform:rotate(1.6deg);pointer-events:none}.tagline{margin-top:9px;padding-left:3px;white-space:nowrap;font:italic 500 10.5px/1 var(--f-hud);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px rgba(56,225,240,.55)}#hud{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;transition:opacity .8s 1.6s}.loading #hud{opacity:0}.hud-group{position:absolute;inset:0;pointer-events:none;transition:opacity .4s}.hud-group>*{position:absolute}.anchor-l{transform:translate(var(--shift-l))}.anchor-r{transform:translate(calc(var(--shift-r) * -1))}.hud-list li{line-height:19.5px;white-space:nowrap}.hud-list li.wrap{line-height:17px;padding-top:1px}.hud-list-r li{line-height:20px}.hud-stack{line-height:19.6px;font-size:12px;color:#e6ecef;white-space:nowrap}.hud-stack-r{text-align:right;font-size:11.5px;line-height:20px}.tick{width:1.5px;background:#cfd6da8c}.rule{height:1.5px;background:#e6ecefcc}.n-mark{color:#f2f6f8;overflow:visible}#hud-right .n-mark{color:#cfeff5;filter:drop-shadow(0 0 6px rgba(120,230,255,.45))}.lockup{font-size:15px;letter-spacing:.33em;color:#eef2f4;white-space:nowrap}.loadbar{width:138px;height:15px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}.loadbar span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--load, 0));transition:transform .35s;background:repeating-linear-gradient(90deg,#6ea3b1 0 3px,transparent 3px 5px)}.start{pointer-events:auto;cursor:pointer;border:0;background:none;color:inherit;font:inherit;text-align:left;display:flex;flex-direction:column;gap:7px;padding:0;-webkit-tap-highlight-color:transparent}.start-main{display:inline-flex;align-items:center;gap:12px;padding:11px 22px 11px 16px;font:italic 800 17px/1 var(--f-display);letter-spacing:.24em;text-transform:uppercase;color:var(--ice);background:linear-gradient(90deg,#082834d1,#0410168c);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%,0 calc(100% + -0px));box-shadow:inset 0 0 0 1.5px #38e1f0e6,inset 0 0 22px #38e1f040;animation:beat-start calc(var(--beat) * 2) infinite cubic-bezier(.1,.6,.3,1);transition:transform .15s,color .15s}.start-arrow{width:0;height:0;border:6px solid transparent;border-left:10px solid var(--gold);border-right:0;filter:drop-shadow(0 0 6px rgba(245,185,66,.8))}.start-sub{font-size:9.5px;letter-spacing:.3em;color:#cfd6dab3;padding-left:2px}.start:hover .start-main,.start:focus-visible .start-main{transform:translate(4px);color:#fff}.start:focus-visible{outline:none}.start:focus-visible .start-main{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 22px #f5b9424d}@keyframes beat-start{0%{filter:brightness(1.35) drop-shadow(0 0 14px rgba(56,225,240,.7))}to{filter:brightness(1) drop-shadow(0 0 4px rgba(56,225,240,.2))}}.curtain{position:absolute;top:0;bottom:0;width:9%;pointer-events:none}.curtain-l{left:-1px;background:linear-gradient(90deg,var(--ink) 4%,transparent)}.curtain-r{right:-1px;background:linear-gradient(270deg,var(--ink) 4%,transparent)}#dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.85;transition:opacity 1.5s 1s}.loading #dust{opacity:0}#fx{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgba(0,4,8,.62) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.11) 0 1px,transparent 1px 3px)}#flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,#fff,var(--cyan-hot) 35%,rgba(56,225,240,0) 75%)}.starting #flash{animation:flash .9s ease-out}.starting #viewport{animation:punch .9s cubic-bezier(.2,.7,.2,1)}@keyframes flash{0%{opacity:0}12%{opacity:.95}to{opacity:0}}@keyframes punch{0%{transform:scale(1)}14%{transform:scale(1.035)}to{transform:scale(1)}}.narrow .narrow-hide,.narrow #hud-left,.narrow #hud-bl{opacity:0}.narrow #hud-left .start{pointer-events:none}.narrow #compact{display:flex;justify-content:flex-end;background:none}.narrow #compact .compact-top,.narrow #compact .wordmark{display:none}#compact{position:fixed;inset:0;display:none;flex-direction:column;justify-content:space-between;align-items:center;padding:max(22px,env(safe-area-inset-top)) 20px max(34px,env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(180deg,rgba(2,6,10,.8),transparent 22%,transparent 55%,rgba(2,6,10,.92))}.compact #compact{display:flex}.compact #hud{opacity:0;pointer-events:none}.compact .layer[data-name=title] .layer-fit{--ax: var(--m-title-x, 0px);--ay: var(--m-title-y, 0px);--as: var(--m-title-s, 1)}.compact .layer[data-name=title] .title-lockup{display:none}.compact .layer[data-name=animal]{z-index:3}.compact .layer[data-name=animal] .layer-fit{--ax: var(--m-ardy-x, 0px);--ay: var(--m-ardy-y, 0px);--as: var(--m-ardy-s, 1)}.compact #hud .start{pointer-events:none}.compact-top{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#eef2f4}.compact-top .n-mark{width:40px;height:29px}.compact-bottom{display:flex;flex-direction:column;align-items:center;gap:22px;transition:opacity .8s 1.2s,transform .8s 1.2s}.loading .compact-bottom{opacity:0;transform:translateY(16px)}#compact .wordmark{font-size:clamp(34px,11.5vw,64px);letter-spacing:.1em}#compact .start{align-items:center}@media(prefers-reduced-motion:reduce){.layer-in,#hud,#dust,.compact-bottom{transition-duration:.01s!important;transition-delay:0s!important}.accent,.shine,.wordmark,.start-main,.layer[data-name=glow-n] .layer-in>img{animation:none!important}.shine{display:none}}:root{--miss: #ff3d81;--panel: rgba(4, 14, 20, .78);--line: rgba(56, 225, 240, .28);--accent: var(--cyan)}body:not([data-screen=title]) #viewport,body:not([data-screen=title]) #compact,body:not([data-screen=title]) #dust{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}#viewport,#dust{transition:opacity .5s}body:not([data-screen=title]) #backdrop{filter:blur(42px) brightness(.5) saturate(1.25)}.screen{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;color:var(--hud);padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));animation:screen-in .45s cubic-bezier(.2,.7,.2,1)}.screen[hidden]{display:none}@keyframes screen-in{0%{opacity:0;transform:scale(1.015)}}.screen-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-bottom:12px}.screen-head h2{font:italic 900 clamp(20px,3.2vw,34px)/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ice);text-shadow:0 0 18px rgba(56,225,240,.55);white-space:nowrap}.screen-head>:first-child{justify-self:start}.head-note{justify-self:end;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cfd6dab3;text-align:right}.neon-btn,.ghost-btn{white-space:nowrap;font:italic 800 15px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 22px;color:var(--ice);transition:transform .15s,filter .15s,background .15s;-webkit-tap-highlight-color:transparent}.neon-btn{background:linear-gradient(90deg,#0a3e4ef2,#061e28d9);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 100%,13px 100%);box-shadow:inset 0 0 0 1.5px var(--cyan),inset 0 0 24px #38e1f04d;padding:0 30px}.neon-btn:hover,.neon-btn:focus-visible{filter:brightness(1.35) drop-shadow(0 0 12px rgba(56,225,240,.6));transform:translate(2px);outline:none}.neon-btn:disabled{opacity:.35;cursor:default;filter:none;transform:none}.ghost-btn{background:#0410168c;box-shadow:inset 0 0 0 1px #cfd6da4d;font-size:12px;color:var(--hud)}.ghost-btn:hover,.ghost-btn:focus-visible{box-shadow:inset 0 0 0 1.5px var(--cyan);color:#fff;outline:none}.icon-btn{min-width:44px;padding:0;font-style:normal;letter-spacing:0}.seg{display:inline-flex;box-shadow:inset 0 0 0 1px #cfd6da4d}.seg button{font:500 11px/1 var(--f-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--hud);background:none;border:0;cursor:pointer;min-height:36px;padding:0 14px}.seg button[aria-pressed=true]{background:#38e1f029;color:var(--ice);box-shadow:inset 0 0 0 1.5px var(--cyan)}.seg button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.cam-slot{position:relative;overflow:hidden;background:#010407}.camview{position:absolute;inset:0}.camview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:saturate(.85) contrast(1.05) brightness(.82)}.camview canvas{position:absolute;inset:0;width:100%;height:100%}.camview.sim video{display:none}.camview.sim{background:radial-gradient(ellipse at 50% 108%,rgba(56,225,240,.22),transparent 58%),repeating-linear-gradient(90deg,rgba(56,225,240,.07) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(56,225,240,.07) 0 1px,transparent 1px 64px),#020a10}.cal-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,26vw,340px);gap:16px}.cal-stage{position:relative;min-height:0;box-shadow:inset 0 0 0 1px var(--line),0 0 40px #00000080}.cal-stage .cam-slot{position:absolute;inset:0}.cal-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--line),inset 0 0 80px #00060ab3}#screen-calibrate[data-phase=pose] .cal-stage:after,#screen-calibrate[data-phase=locked] .cal-stage:after{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 80px #00060a99}.cal-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);width:max-content;z-index:2;max-width:min(92%,640px);text-align:center;font:italic 800 clamp(15px,2.2vw,24px)/1.25 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ice);padding:12px 22px;background:#02080ccc;box-shadow:inset 0 0 0 1px var(--line)}.cal-hint:empty{display:none}.cal-hint[data-tone=warn]{color:#ffd9a0;box-shadow:inset 0 0 0 1px #f5b94280}.cal-hint[data-tone=good]{color:var(--gold-hot);box-shadow:inset 0 0 0 1.5px var(--gold),0 0 24px #f5b9424d}.cal-hold{position:absolute;bottom:16px;left:16px;z-index:2;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#02080ccc;box-shadow:inset 0 0 0 1px #f5b94280}.cal-hold[hidden]{display:none}.hold-label{font:italic 800 14px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hot)}.ring{width:46px;height:46px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:#f5b94233;stroke-width:6}.ring .ring-fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p, 0) * 100);filter:drop-shadow(0 0 5px var(--gold));transition:stroke-dashoffset .1s linear}.cal-gate{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#061e28e6,#010508f5)}.cal-gate[hidden]{display:none}.cal-gate .n-mark{width:84px;height:60px;color:var(--cyan);filter:drop-shadow(0 0 14px rgba(56,225,240,.7))}.cal-gate h3{font:italic 900 clamp(22px,3.4vw,36px)/1.1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ice)}.cal-gate p{max-width:46ch;font-size:15px;line-height:1.55;color:var(--hud)}.gate-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.cal-panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.checks{list-style:none;display:flex;flex-direction:column;gap:2px}.checks li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:36px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(207,214,218,.1)}.checks li:before{content:"";width:12px;height:12px;margin-left:4px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cfd6da73}.checks li[data-status=ok]:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.checks li[data-status=fail]:before{background:var(--miss);box-shadow:0 0 10px var(--miss)}.checks li[data-status=busy]:before{box-shadow:none;border:2px solid rgba(56,225,240,.25);border-top-color:var(--cyan);animation:spin .8s linear infinite}.checks li[data-status=skip]:before{background:#cfd6da59;box-shadow:none}.checks li[data-status=ok] .check-label{color:var(--ice)}.check-note{font-size:10.5px;letter-spacing:.1em;color:#cfd6dabf;text-align:right;max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checks li[data-status=fail] .check-note{color:#ffb3cb}@keyframes spin{to{transform:rotate(360deg)}}.cal-options{display:flex;flex-direction:column;gap:10px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.opt-row[hidden]{display:none}select,input[type=number],input[type=file]{font:500 13px var(--f-hud);color:var(--ice);background:#020a0ee6;border:1px solid rgba(207,214,218,.3);min-height:38px;padding:0 10px;max-width:100%}select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.cal-actions{margin-top:auto;display:flex;gap:10px}.cal-actions .neon-btn{flex:1}.song-grid{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:16px;align-items:center;overflow-x:auto;padding:10px 4px;scroll-snap-type:x proximity}.song-card{--accent: var(--cyan);scroll-snap-align:center;cursor:pointer;border:0;text-align:left;color:var(--hud);font:inherit;display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;max-height:440px;background:var(--panel);box-shadow:inset 0 0 0 1px #cfd6da29,inset 0 3px 0 var(--accent);transition:transform .2s,box-shadow .2s,filter .2s;filter:saturate(.7) brightness(.8)}.song-card canvas{width:100%;height:auto;aspect-ratio:22 / 15}.song-card[aria-pressed=true]{transform:translateY(-8px) scale(1.03);filter:none;box-shadow:inset 0 0 0 1.5px var(--accent),inset 0 3px 0 var(--accent),0 18px 50px #0000008c,0 0 34px color-mix(in srgb,var(--accent) 35%,transparent)}.song-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.song-title{font:italic 900 clamp(18px,2vw,24px)/1.1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ice)}.song-meta,.song-best{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}.song-best b{color:var(--gold-hot);font:italic 900 14px var(--f-display);margin:0 4px}.song-level{display:flex;align-items:center;gap:4px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.song-level i{width:14px;height:6px;background:var(--accent);transform:skew(-24deg);box-shadow:0 0 8px var(--accent)}.song-level em{font-style:normal;margin-left:6px}.song-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid var(--line)}.song-detail{display:flex;flex-direction:column;gap:6px}.song-detail strong{font:italic 900 clamp(18px,2.4vw,28px)/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ice)}.song-detail span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}.song-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.song-actions [hidden]{display:none}dialog{margin:auto;border:0;padding:0;background:none;color:var(--hud);max-width:min(520px,92vw)}dialog::backdrop{background:#000408c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog form{display:flex;flex-direction:column;gap:14px;padding:24px;background:#030c11fa;box-shadow:inset 0 0 0 1.5px var(--line),0 30px 80px #000}dialog h3{font:italic 900 22px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ice)}dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.dialog-note,.dialog-status{font-size:13.5px;line-height:1.5}.dialog-status{color:#ffb3cb;min-height:1.2em}.dialog-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.dialog-row input[type=number]{width:90px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#screen-play{padding:0;--accent: var(--cyan)}#screen-play>.cam-slot{position:absolute;inset:0}#screen-play:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,5,8,.78),transparent 20%,transparent 68%,rgba(1,5,8,.88))}#screen-play>:not(.cam-slot){z-index:2}.play-top{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:start;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.play-song strong{display:block;font:italic 900 clamp(15px,2vw,24px)/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ice);margin-bottom:9px;text-shadow:0 2px 8px #000}.bar{height:5px;width:min(100%,320px);background:#cfd6da2e;overflow:hidden}.bar span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--accent);box-shadow:0 0 10px var(--accent)}.bar.energy{margin-left:auto;width:min(100%,220px);margin-top:8px}.bar.energy span{background:linear-gradient(90deg,var(--miss),var(--gold) 45%,var(--cyan));transition:transform .3s;transform:scaleX(.5)}.play-score{text-align:right}.play-score>span{font-size:11px;letter-spacing:.3em;text-transform:uppercase}.play-score b{display:block;font:italic 900 clamp(26px,4.4vw,54px)/1 var(--f-display);letter-spacing:.04em;color:var(--ice);text-shadow:0 0 20px rgba(56,225,240,.6),0 2px 10px #000;font-variant-numeric:tabular-nums}.play-combo{text-align:center;opacity:0;transition:opacity .25s}.play-combo[data-on=true]{opacity:1}.play-combo b{display:block;font:italic 900 clamp(34px,6vw,76px)/.9 var(--f-display);color:var(--gold-hot);text-shadow:0 0 24px rgba(245,185,66,.7),0 2px 10px #000}.play-combo span{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}.play-combo.bump b{animation:bump .28s cubic-bezier(.2,.8,.3,1)}@keyframes bump{0%{transform:scale(1.5)}to{transform:scale(1)}}.play-target{position:absolute;right:max(18px,env(safe-area-inset-right));top:50%;transform:translateY(-54%);width:clamp(170px,23vw,330px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 22px 14px 12px;background:#020a0ebd;box-shadow:inset 0 0 0 1.5px #f5b9428c,0 0 40px #00000080}.play-target canvas{width:100%;height:auto}.target-label{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}#target-name{font:italic 900 clamp(15px,2vw,26px)/1.05 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hot);text-align:center;text-shadow:0 0 16px rgba(245,185,66,.5)}.play-target.swap{animation:swap .32s cubic-bezier(.2,.8,.3,1)}@keyframes swap{0%{transform:translateY(-54%) scale(1.09);filter:brightness(1.9)}to{transform:translateY(-54%) scale(1);filter:none}}.meter{position:absolute;right:7px;top:12px;bottom:12px;width:7px;background:#cfd6da26;overflow:hidden}.meter span{position:absolute;inset:0;transform-origin:50% 100%;transform:scaleY(0);background:var(--miss);transition:transform .08s linear,background .15s}.meter span[data-level=good]{background:#9fb4bd}.meter span[data-level=great]{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.meter span[data-level=perfect]{background:var(--gold-hot);box-shadow:0 0 14px var(--gold)}.play-judge{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;white-space:nowrap;font:italic 900 clamp(40px,9vw,120px)/1 var(--f-display);letter-spacing:.06em;color:var(--ice);text-shadow:0 0 30px currentColor,0 4px 18px #000}.play-judge[data-grade=perfect]{color:var(--gold-hot)}.play-judge[data-grade=great]{color:var(--cyan)}.play-judge[data-grade=good]{color:#c5d3d9}.play-judge[data-grade=miss]{color:var(--miss)}.play-judge.pop{animation:judge .7s cubic-bezier(.2,.8,.3,1)}@keyframes judge{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) skew(-8deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.08) skew(-8deg)}70%{opacity:1;transform:translate(-50%,-58%) scale(1) skew(-8deg)}to{opacity:0;transform:translate(-50%,-72%) scale(1) skew(-8deg)}}.play-count{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font:italic 900 clamp(46px,12vw,160px)/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ice);text-shadow:0 0 40px rgba(56,225,240,.8),0 4px 18px #000}.play-count[hidden]{display:none}#play-lane{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));width:100%;height:clamp(84px,17vh,150px)}.play-paused{position:absolute;inset:0;z-index:6!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#010508db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-paused[hidden]{display:none}.play-paused h3{font:italic 900 clamp(34px,6vw,64px)/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ice);margin-bottom:10px;text-shadow:0 0 26px rgba(56,225,240,.6)}.play-paused button{min-width:240px}#screen-results{align-items:center;justify-content:center;overflow-y:auto}.res-card{width:min(680px,100%);display:flex;flex-direction:column;gap:18px;padding:clamp(20px,4vw,40px);background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line),0 30px 90px #0009}.res-kicker{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--cyan)}.res-card h2{font:italic 900 clamp(24px,4vw,40px)/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ice)}.res-main{display:flex;align-items:center;gap:clamp(18px,4vw,40px)}.res-rank{font:italic 900 clamp(90px,18vw,170px)/.85 var(--f-display);color:var(--gold-hot);text-shadow:0 0 40px rgba(245,185,66,.7);padding-right:.08em;animation:rank .7s cubic-bezier(.2,.8,.3,1) .2s backwards}.res-rank[data-rank=S]{color:#fff;text-shadow:0 0 40px var(--gold),0 0 80px var(--gold)}.res-rank[data-rank=C],.res-rank[data-rank=D]{color:var(--cyan);text-shadow:0 0 34px rgba(56,225,240,.6)}@keyframes rank{0%{opacity:0;transform:scale(2.2) rotate(-8deg)}}.res-numbers{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.res-numbers>b{font:italic 900 clamp(34px,7vw,64px)/1 var(--f-display);color:var(--ice);text-shadow:0 0 22px rgba(56,225,240,.55);font-variant-numeric:tabular-nums}.res-best{align-self:flex-start;font:italic 800 12px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:#120a00;background:var(--gold);padding:6px 12px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)}.res-best[hidden]{display:none}.res-numbers dl{display:flex;gap:28px}.res-numbers dt{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}.res-numbers dd{font:italic 900 24px/1.2 var(--f-display);color:var(--ice)}.res-bars{list-style:none;display:flex;flex-direction:column;gap:8px}.res-bars li{display:grid;grid-template-columns:84px 1fr 34px;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}.res-bars em{height:8px;background:#cfd6da1f;overflow:hidden}.res-bars i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) .35s;background:var(--cyan)}#res-perfect i{background:var(--gold-hot);box-shadow:0 0 10px var(--gold)}#res-good i{background:#9fb4bd}#res-miss i{background:var(--miss)}.res-bars b{text-align:right;font:italic 900 16px var(--f-display);color:var(--ice)}.res-line{font-size:15px;line-height:1.5}.res-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}@media(max-width:820px),(orientation:portrait){.screen-head{grid-template-columns:auto 1fr}.screen-head h2{justify-self:end}.head-note{display:none}.cal-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1.25fr) minmax(0,1fr);gap:10px}.cal-panel{padding:10px 14px 0;gap:10px}.cal-actions{position:sticky;bottom:0;margin:auto -14px 0;padding:10px 14px;z-index:2;background:#030c11;box-shadow:0 -1px 0 var(--line)}.cal-hint{font-size:13px;padding:8px 14px;top:10px}.cal-hold{bottom:10px;left:10px;padding:6px 12px 6px 6px}.ring{width:36px;height:36px}.checks li{min-height:30px}.song-grid{grid-auto-columns:minmax(200px,72vw)}.song-actions{width:100%}.song-actions .neon-btn{flex:1;order:-1;min-width:100%}.play-top{grid-template-columns:1fr auto auto}.play-combo{position:absolute;left:18px;top:84px;text-align:left}.play-target{top:92px;transform:none;width:clamp(120px,34vw,200px);padding:8px 16px 10px 8px}@keyframes swap{0%{transform:scale(1.09);filter:brightness(1.9)}to{transform:scale(1);filter:none}}.target-label{display:none}.res-main{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.screen,.play-target.swap,.play-combo.bump b,.res-rank{animation-duration:.01s!important}.play-judge.pop{animation:judge-still .7s linear}@keyframes judge-still{0%,80%{opacity:1}to{opacity:0}}}.exclusive{pointer-events:auto;cursor:pointer;border:0;color:var(--gold-hot);font:inherit;text-align:left;display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-items:center;padding:9px 18px 10px 14px;background:linear-gradient(90deg,#342206db,#140c028c);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%,0 100%);box-shadow:inset 0 0 0 1.5px #f5b942d9,inset 0 0 20px #f5b9422e;transition:transform .15s,filter .15s;-webkit-tap-highlight-color:transparent}.exclusive:hover,.exclusive:focus-visible{transform:translate(4px);filter:brightness(1.3) drop-shadow(0 0 12px rgba(245,185,66,.55));outline:none}.ex-tag{grid-column:1;font:500 8.5px/1 var(--f-hud);letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}.ex-name{grid-column:1;font:italic 800 14px/1.1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:#fff4d6;white-space:nowrap}.ex-arrow{grid-column:2;grid-row:1 / 3;width:0;height:0;border:6px solid transparent;border-left:9px solid var(--gold);border-right:0}#compact .exclusive{pointer-events:auto}.chip-ex,.chip-live{display:inline-block;font:italic 800 10px/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;padding:5px 10px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 100%,7px 100%)}.chip-ex{color:#140b00;background:linear-gradient(90deg,var(--gold-hot),var(--gold))}.chip-live{color:var(--ice);background:#38e1f029;box-shadow:inset 0 0 0 1px var(--cyan)}.chip-live:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:live 1.4s ease-in-out infinite;vertical-align:1px}@keyframes live{50%{opacity:.25}}.shelf-tabs{display:flex;gap:6px;padding:4px 0 0;border-bottom:1px solid var(--line)}.shelf-tabs button{font:italic 800 13px/1 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--hud);background:none;border:0;min-height:44px;padding:0 18px;cursor:pointer}.shelf-tabs button[aria-pressed=true]{color:#fff4d6;box-shadow:inset 0 -2px 0 var(--gold)}.shelf-tabs button:disabled{opacity:.45;cursor:default}.shelf-tabs i{font:500 9px var(--f-hud);letter-spacing:.2em;margin-left:6px;color:var(--gold);font-style:normal}.shelf{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-content:start;overflow-y:auto;padding:22px 2px}.wp-card{display:flex;flex-direction:column;gap:8px;padding:0 0 16px;text-align:left;color:var(--hud);font:inherit;border:0;cursor:pointer;background:var(--panel);box-shadow:inset 0 0 0 1px #f5b94259;transition:transform .2s,box-shadow .2s}.wp-card>:not(.wp-art){margin:0 16px}.wp-card:not(.locked):hover,.wp-card:focus-visible{transform:translateY(-6px);outline:none;box-shadow:inset 0 0 0 1.5px var(--gold),0 18px 50px #0009,0 0 34px #f5b94238}.wp-art{display:grid;place-items:center;aspect-ratio:16 / 9;margin-bottom:6px;background:var(--poster, none) center / cover no-repeat,radial-gradient(ellipse at 42% 42%,#27346a,#0b0f24 55%,#03040a)}.wp-art .n-mark{width:30%;height:auto;aspect-ratio:74 / 54;color:#84789a;opacity:.9}.wp-art.has-poster .n-mark{display:none}.wp-badges{display:flex;gap:8px}.wp-card strong{font:italic 900 22px/1.1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ice)}.wp-meta{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.wp-card.locked{cursor:default;opacity:.5;box-shadow:inset 0 0 0 1px #cfd6da29}.wp-card.locked .wp-art{background:repeating-linear-gradient(135deg,rgba(207,214,218,.05) 0 10px,transparent 10px 20px),#05070c}#screen-wallpaper{padding:0}#screen-wallpaper.idle{cursor:none}body[data-screen=wallpaper] #fx,body[data-screen=wallpaper] #backdrop{display:none}#wp-stage{position:absolute;inset:0;overflow:hidden;background:#03040a}.wp-sky{position:absolute;inset:-10%;background:radial-gradient(ellipse 46% 50% at 40% 40%,rgba(64,84,170,.55),transparent 70%),radial-gradient(ellipse 70% 34% at 72% 104%,rgba(255,61,129,.3),transparent 70%),radial-gradient(ellipse 60% 40% at 8% 96%,rgba(56,225,240,.12),transparent 70%),linear-gradient(180deg,#05060f,#0a0d22 45%,#0c0a1c);animation:sky 26s ease-in-out infinite alternate}#screen-wallpaper[data-wallpaper=ponytail] .wp-sky,#screen-wallpaper[data-wallpaper=buns] .wp-sky{background:radial-gradient(ellipse 40% 52% at 30% 34%,rgba(214,120,52,.42),transparent 70%),radial-gradient(ellipse 44% 56% at 70% 46%,rgba(96,70,210,.34),transparent 72%),radial-gradient(ellipse 70% 30% at 50% 106%,rgba(255,61,129,.18),transparent 70%),linear-gradient(180deg,#07050c,#120b18,#090611)}.wp-art-warm{background:var(--poster, none) center / cover no-repeat,radial-gradient(ellipse at 36% 38%,#6a3a1e,#1c1226 55%,#05040a)!important}@keyframes sky{to{transform:translate3d(2.5%,-1.5%,0) scale(1.04)}}#wp-embers,#wp-canvas,#wp-canvas-slot{position:absolute;inset:0;width:100%;height:100%;display:block}#wp-canvas{opacity:0;transition:opacity 1.2s ease;touch-action:none}#screen-wallpaper[data-state=live] #wp-canvas{opacity:1}.wp-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 48%,rgba(0,2,6,.72) 100%)}.wp-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;text-align:center;font:italic 800 15px/1.4 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--hud)}.wp-status:empty{display:none}.wp-ui{position:absolute;inset:0;pointer-events:none;display:grid;grid-template:"back ." auto ". ." 1fr "title controls" auto / 1fr auto;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));transition:opacity .6s}.wp-ui>*{pointer-events:auto}#wp-back{grid-area:back;justify-self:start}.wp-title{grid-area:title;display:flex;flex-direction:column;gap:8px;pointer-events:none!important}.wp-title span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.wp-title strong{font:italic 900 clamp(30px,5vw,64px)/.95 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ice);text-shadow:0 0 30px rgba(120,100,220,.6),0 3px 14px #000}.wp-controls{grid-area:controls;display:flex;gap:8px;align-self:end}.wp-controls [hidden]{display:none}#screen-wallpaper.idle .wp-ui{opacity:0}#screen-wallpaper.idle .wp-ui>*{pointer-events:none}@media(max-width:820px),(orientation:portrait){.wp-ui{grid-template:"back" auto "." 1fr "title" auto "controls" auto / 1fr;row-gap:12px}.wp-controls{justify-self:start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.wp-sky,.chip-live:before{animation:none}}.wp-art-pici{background:url(../assets/pici/poster-a8c7a9d452.webp) center / cover no-repeat!important}#screen-wallpaper[data-plain=true] .wp-sky,#screen-wallpaper[data-plain=true] #wp-embers{display:none}.pici{position:absolute;inset:0;overflow:hidden;background:#05040c}.pici-stage{position:absolute;left:0;top:0;transform-origin:0 0}.pici-layer{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;pointer-events:none}.pici-live{touch-action:none}.pici-signs{animation:neon 5.3s steps(1) infinite}.pici-logo{animation:logo-pulse 3.2s ease-in-out infinite}.pici-bolt{mix-blend-mode:screen;opacity:.18}@keyframes neon{0%,to{filter:brightness(1)}41%{filter:brightness(.82)}43%{filter:brightness(1.12)}45%{filter:brightness(.9)}47%{filter:brightness(1.05)}78%{filter:brightness(.94)}80%{filter:brightness(1.08)}}@keyframes logo-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 6px rgba(120,170,255,.35))}50%{filter:brightness(1.16) drop-shadow(0 0 18px rgba(120,170,255,.7))}}.pici-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pici-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 68% 8%,rgba(200,215,255,.9),rgba(120,140,255,.35) 45%,transparent 75%);mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.pici-signs,.pici-logo{animation:none}}.wp-art-holdon{background:url(../assets/holdon/poster-15748d1140.webp) center / cover no-repeat!important}.holdon{position:absolute;inset:0;overflow:hidden;background:#2a1408}.holdon-stage{position:absolute;left:0;top:0;transform-origin:0 0}.holdon-layer{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;pointer-events:none;transform-origin:50% 50%}.holdon-live{touch-action:none}.holdon-vortex{mix-blend-mode:screen;opacity:.9}.holdon-hot{mix-blend-mode:screen;animation:logo-beat 1.9s ease-in-out infinite}.holdon-halo{mix-blend-mode:screen;filter:blur(10px) saturate(1.5) brightness(1.6);animation:halo-beat 1.9s ease-in-out infinite}@keyframes logo-beat{0%,to{opacity:.35;filter:brightness(1)}40%{opacity:1;filter:brightness(1.7) drop-shadow(0 0 6px rgba(255,225,140,1))}}@keyframes halo-beat{0%,to{opacity:.2;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}}.holdon-grit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.holdon-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,225,190,.55),transparent 65%);mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.holdon-hot,.holdon-halo{animation:none}}