html,body,#root{height:100%;background:#000;overflow:hidden}body{font-family:var(--font-body);color:var(--text-1);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pulse{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}.pulse__ground{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 60% at 50% 120%,rgba(var(--accent2-rgb),.1) 0%,transparent 60%),radial-gradient(70% 50% at 20% -10%,rgba(var(--accent-rgb),.06) 0%,transparent 70%),#000}.wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;animation:wave-rise .9s var(--ease) both}@keyframes wave-rise{0%{opacity:0;transform:translateY(8%)}to{opacity:1;transform:none}}.ledg{display:block;flex:none;overflow:visible}.ledg__off{fill:#ffffff12}.ledg__on{fill:#ffffff9e;transition:fill var(--t-hover) var(--ease)}.ledg.is-lit .ledg__on{fill:var(--accent)}.ledg.is-lit{filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.9)) drop-shadow(0 0 10px rgba(var(--accent-rgb),.45))}.ledg.is-lit .ledg__off{fill:rgba(var(--accent-rgb),.1)}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;align-content:center;gap:44px;padding:24px}.boot__logo{width:min(74vw,860px);height:auto;overflow:visible}.logo__mix{fill:var(--text-1)}.logo__down{fill:var(--accent)}.logo__dot{fill:var(--accent-2)}.logo__led{fill:rgba(var(--accent-rgb),.09)}.logo__led.is-lit{fill:var(--accent)}.logo__matrix{filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),.55))}.logo__type{filter:drop-shadow(0 0 22px rgba(var(--accent-rgb),.22))}.boot .logo__led{transform-box:fill-box;transform-origin:center}.boot__wipe{transform-box:fill-box;transform-origin:0 0}.boot__trace{fill:none;stroke:var(--accent-2);stroke-width:46;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 40px rgba(var(--accent2-rgb),.9))}.boot__pen{fill:var(--accent-2);filter:drop-shadow(0 0 50px rgba(var(--accent2-rgb),1));opacity:0}.boot__arrow{fill:var(--lane);opacity:0;filter:drop-shadow(0 0 40px var(--lane))}.boot__logo.is-still .boot__trace,.boot__logo.is-still .boot__arrow{display:none}.boot__press{display:flex;align-items:center;gap:12px;min-height:20px;font-family:var(--font-machine);font-size:13px;letter-spacing:.3em;color:var(--text-2);text-transform:uppercase}.boot__press i{width:7px;height:7px;border-radius:2px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff14}.boot__press.is-ready i{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.9),0 0 14px rgba(var(--accent-rgb),.5);animation:lamp-blink 1.1s steps(1,end) infinite}.boot__press.is-ready span{animation:fade-in .4s var(--ease) both}.boot.is-pressed{pointer-events:none}.boot.is-pressed .boot__press i{animation:none;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),1),0 0 22px rgba(var(--accent-rgb),.7)}.boot.is-pressed .boot__press span{color:var(--text-1)}@keyframes lamp-blink{0%{opacity:1}55%{opacity:.18}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.xmb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;--glide:.24s;transition:opacity .4s var(--ease)}.xmb.is-hidden{opacity:0;pointer-events:none}.xmb__cats,.xmb__col,.xmb__blist{list-style:none;margin:0;padding:0}.xmb__cat,.xmb__item,.xmb__bitem,.xmb__bpanel{position:absolute;left:0;top:0;transition:transform var(--glide) var(--ease),opacity var(--glide) var(--ease)}.xmb__cat{width:calc(150px * var(--s));margin-left:calc(-75px * var(--s));margin-top:calc(-40px * var(--s));display:flex;flex-direction:column;align-items:center;gap:calc(12px * var(--s));opacity:.8;animation:cat-in .52s var(--ease) backwards;transition:transform var(--glide) var(--ease),opacity var(--glide) var(--ease)}.xmb__cat:nth-child(2){animation-delay:60ms}.xmb__cat:nth-child(3){animation-delay:.12s}.xmb__cat:nth-child(4){animation-delay:.18s}@keyframes cat-in{0%{opacity:0;translate:120px 0}to{opacity:.8;translate:0 0}}.xmb__cat.is-on{opacity:1}.xmb__cat-label{font-family:var(--font-machine);font-size:calc(13px * var(--s));letter-spacing:.16em;color:var(--text-1);opacity:0;transition:opacity var(--glide) var(--ease);text-shadow:var(--led-accent-soft);white-space:nowrap}.xmb__cat.is-on .xmb__cat-label{opacity:1}.xmb.has-branch .xmb__cat,.xmb.has-panel .xmb__cat{opacity:.25}.xmb__col{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}.xmb__col.is-on{opacity:1;pointer-events:auto}.xmb__item{display:flex;align-items:center;gap:calc(20px * var(--s));margin-left:calc(-48px * var(--s));cursor:pointer}.xmb__icon{flex:none;width:calc(96px * var(--s));height:calc(64px * var(--s));display:grid;place-items:center}.xmb__item.is-focus .xmb__icon{height:calc(112px * var(--s))}.xmb__text{display:flex;flex-direction:column;gap:calc(4px * var(--s));min-width:0;max-width:min(46vw,640px)}.xmb__label{font-size:calc(18px * var(--s));line-height:1.2;color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--glide) var(--ease),font-size var(--glide) var(--ease)}.xmb__sub{font-size:calc(13px * var(--s));color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xmb__item.is-focus .xmb__label{font-size:calc(26px * var(--s));color:var(--text-1);text-shadow:0 0 18px rgba(255,255,255,.25)}.xmb__item.is-focus .xmb__sub{font-size:calc(15px * var(--s));color:var(--text-2)}.xmb__sub2{font-family:var(--font-machine);font-size:calc(11px * var(--s));letter-spacing:.12em;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xmb__item.is-above{opacity:.5}.xmb__item.is-disabled .xmb__label{color:var(--text-3)}.xmb.has-branch .xmb__item:not(.is-focus){opacity:.08}.xmb.has-branch .xmb__item.is-focus .xmb__text{opacity:.55;max-width:var(--room)}.xmb__item.is-focus .xmb__value,.xmb__item.is-focus .xmb__badge{transition:opacity var(--glide) var(--ease)}.xmb.has-branch .xmb__item.is-focus .xmb__value,.xmb.has-branch .xmb__item.is-focus .xmb__badge{opacity:0}.xmb.has-panel .xmb__item{opacity:.3}.xmb__value{margin-left:calc(18px * var(--s));font-family:var(--font-machine);font-size:calc(11px * var(--s));letter-spacing:.14em;color:rgba(var(--accent-rgb),.55);white-space:nowrap}.xmb__value.is-num{font-family:var(--font-lcd);font-size:calc(16px * var(--s));letter-spacing:.06em}.xmb__item.is-focus .xmb__value{color:var(--accent);text-shadow:var(--led-accent-soft);font-size:calc(13px * var(--s))}.xmb__item.is-focus .xmb__value.is-num{font-size:calc(20px * var(--s))}.xmb__badge{margin-left:calc(16px * var(--s));padding:3px 8px;border-radius:4px;font-family:var(--font-machine);font-size:calc(10px * var(--s));letter-spacing:.14em;color:var(--text-3);box-shadow:inset 0 0 0 1px #ffffff1a;white-space:nowrap}.xmb__badge.is-live{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5),0 0 10px rgba(var(--accent-rgb),.25);text-shadow:var(--led-accent-soft)}.xmb__badge.is-draft{color:var(--amber);box-shadow:inset 0 0 0 1px #ffb02073}.xmb__badge.is-stale{color:var(--amber);box-shadow:inset 0 0 0 1px #ffb02099;animation:lamp-blink 1.6s steps(1,end) infinite}.xmb__art{position:relative;display:block;width:calc(56px * var(--s));height:calc(56px * var(--s));border-radius:var(--r-sm);overflow:hidden;background:var(--ink-2);box-shadow:var(--chrome-bevel),var(--chrome-ring),0 6px 16px -6px #000000e6;transition:width var(--glide) var(--ease),height var(--glide) var(--ease),box-shadow var(--glide) var(--ease)}.xmb__art img{width:100%;height:100%;object-fit:cover;display:block}.xmb__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.02) 35%,transparent 55%);pointer-events:none}.xmb__art.is-blank{display:grid;place-items:center}.xmb__art.is-round{border-radius:50%}.xmb__item.is-focus .xmb__art{width:calc(104px * var(--s));height:calc(104px * var(--s));border-radius:var(--r-md);box-shadow:var(--chrome-bevel),inset 0 0 0 1px rgba(var(--accent-rgb),.35),0 0 0 1px rgba(var(--accent-rgb),.45),0 0 26px rgba(var(--accent-rgb),.35),0 14px 30px -10px #000000f2}.xmb__item.is-focus .xmb__art.is-round{border-radius:50%}@property --leg{syntax:"<angle>";initial-value:0deg;inherits:false}.xmb__art.is-legendary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;z-index:2;pointer-events:none;padding:2px;background:conic-gradient(from var(--leg),hsl(0 92% 60%),hsl(60 92% 60%),hsl(120 92% 60%),hsl(180 92% 60%),hsl(240 92% 60%),hsl(300 92% 60%),hsl(360 92% 60%));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:leg-spin 4s linear infinite}@keyframes leg-spin{to{--leg:360deg}}.xmb__item.is-legendary.is-focus .xmb__label{background:linear-gradient(90deg,var(--text-1),hsl(48 100% 70%),var(--text-1));-webkit-background-clip:text;background-clip:text;color:transparent}.xmb__lamps{display:flex;gap:3px;margin-top:calc(6px * var(--s))}.xmb__lamps i{width:calc(9px * var(--s));height:calc(5px * var(--s));border-radius:1px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff14}.xmb__lamps i.is-on{background:var(--accent);box-shadow:0 0 5px rgba(var(--accent-rgb),.8)}.xmb__lamps i.is-on:nth-child(n+8){background:var(--amber);box-shadow:0 0 5px #ffb020cc}.xmb__lamps i.is-on:nth-child(n+10){background:var(--red);box-shadow:0 0 5px #f50505e6}.xmb__branch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:branch-in .26s var(--ease) both}@keyframes branch-in{0%{opacity:0;translate:-30px 0}to{opacity:1;translate:0 0}}.xmb__bitem{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:calc(14px * var(--s));min-width:calc(240px * var(--s));padding:calc(10px * var(--s)) calc(16px * var(--s));margin-top:calc(-22px * var(--s));border-radius:var(--r-key);opacity:.55}.xmb__blabel{font-size:calc(17px * var(--s));color:var(--text-1);white-space:nowrap}.xmb__bvalue{margin-left:auto;padding-left:18px;font-family:var(--font-machine);font-size:calc(11px * var(--s));letter-spacing:.12em;color:rgba(var(--accent-rgb),.7)}.xmb__bvalue.is-num{font-family:var(--font-lcd);font-size:calc(16px * var(--s));letter-spacing:.04em}.xmb__bitem.is-focus{opacity:1;background-image:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.05) 60%,rgba(var(--accent-rgb),.02));box-shadow:inset 0 1px rgba(var(--accent-rgb),.3),inset 0 0 0 1px rgba(var(--accent-rgb),.28),0 0 22px rgba(var(--accent-rgb),.22)}.xmb__bitem.is-focus .xmb__blabel{text-shadow:0 0 14px rgba(255,255,255,.35)}.xmb__bitem.is-disabled .xmb__blabel{color:var(--text-3)}.xmb__tick{margin-left:auto;width:7px;height:7px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.9)}.xmb__bvalue+.xmb__tick{margin-left:12px}.xmb__bpanel{pointer-events:auto;width:calc(360px * var(--s));padding:calc(18px * var(--s)) calc(20px * var(--s));border-radius:var(--r-lg);background-image:linear-gradient(180deg,#1a1a1a,#111 40%,#0b0b0b);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d,0 24px 60px -12px #000000f2;animation:fade-in .22s var(--ease) both}.xmb__bpanel.is-wide{width:calc(440px * var(--s))}.xmb__bpanel.is-side{width:calc(380px * var(--s))}.xmb__range{display:flex;flex-direction:column;gap:14px}.xmb__range-value{position:relative;font-size:calc(46px * var(--s));align-self:flex-start;padding:4px 2px}.xmb__range-bar{display:flex;gap:3px}.xmb__range-bar i{flex:1;height:14px;border-radius:2px;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff12}.xmb__range-bar i.is-on{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.8)}.xmb__range-hint{font-size:13px;color:var(--text-3)}.xmb__panel{position:absolute;top:0;right:0;bottom:0;z-index:6;width:min(340px,86vw);padding:120px 18px 24px;background-image:linear-gradient(90deg,#1a1a1af0,#0e0e0efa 30%,#0b0b0b);box-shadow:inset 1px 0 #ffffff14,-30px 0 60px -10px #000000e6;transform:translate(105%);transition:transform .3s var(--ease)}.xmb__panel.is-open{transform:none}.xmb__opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.xmb__opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-key);font-size:16px;color:var(--text-2);cursor:pointer}.xmb__opt.is-heading{cursor:default;font-family:var(--font-machine);font-size:11px;letter-spacing:.18em;color:var(--text-4);padding:6px 14px}.xmb__opt.is-focus{color:var(--text-1);background-image:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3),0 0 18px rgba(var(--accent-rgb),.2)}.bezel-x{position:absolute;top:26px;right:0;z-index:4;display:flex;align-items:center;gap:22px;padding:10px 30px 10px 22px;border-radius:14px 0 0 14px;background-image:var(--chrome-face);box-shadow:var(--chrome-bevel),var(--chrome-ring),var(--chrome-cast);animation:bezel-in .6s var(--ease) both .2s}@keyframes bezel-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.bezel-x:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--sheen);pointer-events:none}.bezel-x__who{display:flex;align-items:center;gap:10px;font-family:var(--font-machine);font-size:12px;letter-spacing:.08em;color:var(--text-3);max-width:220px}.bezel-x__who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bezel-x__who i{flex:none;width:9px;height:9px;border-radius:50%;background:#0e0e0e;box-shadow:inset 0 0 0 1px #ffffff1f}.bezel-x__who img{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.6),0 0 10px rgba(var(--accent-rgb),.35)}.bezel-x__who.is-on{color:var(--text-1)}.bezel-x__who.is-on i{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.9)}.bezel-x__clock{font-size:28px}.hints{position:absolute;right:30px;bottom:26px;z-index:4;list-style:none;margin:0;padding:0;display:flex;gap:22px;animation:fade-in .5s var(--ease) both .3s}.hints li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-3)}.cap{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 8px;border-radius:7px;font-family:var(--font-machine);font-size:10px;letter-spacing:.1em;color:var(--text-2);background-image:var(--chrome-face);box-shadow:var(--chrome-bevel),var(--chrome-ring),0 2px 4px #000c}.board__title,.info__title,.keybind__title,.about__title{margin:0 0 12px;font-family:var(--font-machine);font-size:12px;letter-spacing:.18em;color:var(--text-3)}.info__title{font-family:var(--font-body);font-size:20px;letter-spacing:0;color:var(--text-1)}.board__note{margin:0;font-size:14px;color:var(--text-3);line-height:1.5}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.board__row{display:grid;grid-template-columns:30px 26px 1fr auto;align-items:center;gap:10px;padding:5px 6px;border-radius:8px}.board__row:nth-child(1){background:rgba(var(--accent-rgb),.07)}.board__rank{font-size:15px}.board__face{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--ink-4)}.board__name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board__score{font-size:15px}.info__legend{margin:-6px 0 12px;font-family:var(--font-machine);font-size:11px;letter-spacing:.16em;background:linear-gradient(90deg,#f85454,#f8f854,#54f8f8,#f854f8);-webkit-background-clip:text;background-clip:text;color:transparent}.info__rows{margin:0;display:grid;gap:8px}.info__rows div{display:grid;grid-template-columns:110px 1fr;gap:12px}.info__rows dt{font-family:var(--font-machine);font-size:10px;letter-spacing:.14em;color:var(--text-4);padding-top:3px}.info__rows dd{margin:0;font-size:14px;color:var(--text-2)}.about p{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--text-2)}.about .about__title{color:var(--text-1);font-size:13px}.about .about__fine{color:var(--text-4);font-size:12px}.keybind__lanes{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.keybind__lane{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:var(--r-key);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0f}.keybind__lane.is-focus{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5),0 0 16px rgba(var(--accent-rgb),.25)}.keybind__lane.is-listening .cap{color:var(--accent);animation:lamp-blink .8s steps(1,end) infinite}.keybind__name{font-family:var(--font-machine);font-size:10px;letter-spacing:.14em;color:var(--text-3)}.keybind__glyph{width:22px;height:22px;background:currentColor;color:var(--text-2);-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}.keybind__glyph[data-lane="0"]{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 1l6 4-6 4z'/%3E%3C/svg%3E")}.keybind__glyph[data-lane="1"]{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 8l4-6 4 6z'/%3E%3C/svg%3E")}.keybind__glyph[data-lane="2"]{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 2l4 6 4-6z'/%3E%3C/svg%3E")}.keybind__glyph[data-lane="3"]{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8 1l-6 4 6 4z'/%3E%3C/svg%3E")}.keybind__hint{margin:0;font-size:13px;color:var(--text-3);line-height:1.5}@media(max-width:760px){.bezel-x{top:12px;padding:8px 16px 8px 14px;gap:12px}.bezel-x__who span{display:none}.bezel-x__clock{font-size:22px}.hints{display:none}.xmb__text{max-width:58vw}}@media(prefers-reduced-motion:reduce){.xmb{--glide:1ms}.xmb__cat,.xmb__branch,.bezel-x,.hints,.wave{animation:none}}.xmb__art.is-lifted{visibility:hidden}.intro,.res,.flyer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7}.flyer{pointer-events:none}.intro__cover,.res__cover,.flyer__cover{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform;border-radius:22px;overflow:hidden;background:var(--ink-2);box-shadow:var(--chrome-bevel),inset 0 0 0 2px rgba(var(--accent-rgb),.35),0 0 0 2px rgba(var(--accent-rgb),.5),0 0 60px rgba(var(--accent-rgb),.35),0 40px 80px -30px #000;backface-visibility:visible}.intro__cover img,.res__cover img,.flyer__cover img{width:100%;height:100%;object-fit:cover;display:block}.intro__cover:after,.res__cover:after,.flyer__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.02) 35%,transparent 55%);pointer-events:none}.intro__cover.is-legendary,.res__cover.is-legendary{box-shadow:var(--chrome-bevel),0 0 0 2px #ffdb4d,0 0 70px #ffd63373,0 40px 80px -30px #000}.intro__blank,.res__blank{display:block;width:100%;height:100%;background:var(--dot-unlit);background-size:12px 12px}.intro__card{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 24px;transition:opacity .38s var(--ease),transform .38s var(--ease)}.intro.is-out .intro__card{opacity:0;transform:translateY(-18px)}.intro__title{margin:0;font-size:clamp(26px,3.6vw,46px);line-height:1.1;color:var(--text-1);text-shadow:0 0 30px rgba(255,255,255,.25);min-height:1.1em;max-width:min(90vw,1000px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro__artist{margin:0;font-size:clamp(16px,1.6vw,21px);color:var(--text-2);min-height:1.2em}.intro__album{margin:0;font-family:var(--font-machine);font-size:12px;letter-spacing:.18em;color:var(--text-3);min-height:1.3em}.intro__chips{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;animation:fade-in .42s var(--ease) both 1.3s}.intro.is-quick .intro__chips{animation-delay:.4s}.intro__chips li{padding:5px 11px;border-radius:7px;font-family:var(--font-machine);font-size:11px;letter-spacing:.14em;color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35);text-shadow:var(--led-accent-soft)}.intro__chips li.is-legendary{color:#ffde5c;box-shadow:inset 0 0 0 1px #ffd63380;text-shadow:0 0 10px hsl(48 100% 60% / .6)}.intro__tuning{margin:14px 0 0;display:flex;align-items:center;gap:10px;font-family:var(--font-machine);font-size:11px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase;min-height:16px}.intro__tuning i{width:6px;height:6px;border-radius:2px;background:#0e0e0e}.intro__tuning.is-on i{background:var(--amber);box-shadow:0 0 6px #ffb020e6;animation:lamp-blink .7s steps(1,end) infinite}.intro__failed{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.intro__failed p{margin:0;color:var(--text-2)}.intro__back{padding:10px 18px}.play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}.hud__cover{position:absolute;border-radius:14px;overflow:visible}.hud__cover img,.hud__blank{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:var(--chrome-bevel),inset 0 0 0 1px #ffffff14}.hud__ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:20px;z-index:0;background:conic-gradient(var(--accent) calc(var(--p,0) * 360deg),rgba(var(--accent-rgb),.12) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.6))}.hud__radio{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:5px;width:min(34vw,420px);height:62px;padding:0 16px;border-radius:var(--r-md);overflow:hidden;background-image:var(--well-face);box-shadow:var(--well-recess);animation:fade-in .4s var(--ease) both}.hud__radio .dm-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--dot-unlit);background-size:var(--dot-pitch) var(--dot-pitch)}.hud__radio-title{position:relative;z-index:2;font-size:19px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__radio-sub{position:relative;z-index:2;font-family:var(--font-machine);font-size:10px;letter-spacing:.16em;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__score{position:absolute;right:30px;top:24px;z-index:1;font-size:48px;line-height:1;animation:fade-in .4s var(--ease) both}.hud__score-ghost{color:rgba(var(--accent-rgb),.08);text-shadow:none}.hud__score-lit{position:absolute;right:0;top:0}.play__field{position:absolute;top:0;bottom:0;left:50%;width:min(100vw,62.5vh);margin-left:calc(min(100vw,62.5vh)/-2);animation:field-in .62s var(--ease) both}@keyframes field-in{0%{opacity:0;transform:translateY(60px) scaleY(.92)}to{opacity:1;transform:none}}.play.is-paused .play__field{filter:brightness(.4) saturate(.6)}.standin{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-machine);letter-spacing:.14em;color:var(--text-3)}.pause{position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%);width:min(420px,90vw);padding:20px;border-radius:var(--r-xl);background-image:linear-gradient(180deg,#1a1a1af5,#111111fa 40%,#0b0b0b);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d,0 30px 80px -10px #000;animation:pause-in .22s var(--ease) both}@keyframes pause-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%)}}.pause__title{margin:0 0 12px;font-family:var(--font-machine);font-size:12px;letter-spacing:.24em;color:var(--accent);text-shadow:var(--led-accent-soft);text-transform:uppercase}.pause__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pause__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--r-key);font-size:17px;color:var(--text-2);cursor:pointer}.pause__row.is-focus{color:var(--text-1);background-image:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3),0 0 18px rgba(var(--accent-rgb),.2)}.pause__value{display:flex;align-items:center;gap:10px}.pause__value i{font-style:normal;font-family:var(--font-machine);color:var(--text-4)}.pause__row.is-focus .pause__value i{color:var(--accent)}.pause__value b{font-weight:400;font-size:17px}.res__panel{position:absolute;left:var(--left);right:6vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;max-width:640px}@keyframes res-in{0%{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.res__head{animation:res-in .52s var(--ease) both .38s}.res__head .res__title{margin:0}.res__title{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:1.15;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res__artist{margin:0 0 10px;font-size:16px;color:var(--text-3)}.res__score{position:relative;font-size:clamp(56px,7.4vw,104px);line-height:1;align-self:flex-start;padding:6px 0;animation:res-in .52s var(--ease) both .52s}.res__lit{transform-origin:left center}.res__burst{position:absolute;left:50%;top:50%;width:120%;aspect-ratio:3/1;translate:-50% -50%;pointer-events:none;opacity:0;border-radius:50%;background:repeating-conic-gradient(var(--accent) 0 3deg,transparent 3deg 9deg);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%,#000 96%,transparent 98%);mask:radial-gradient(closest-side,transparent 86%,#000 88%,#000 96%,transparent 98%);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.9))}.res.is-landed .res__burst{animation:burst .78s cubic-bezier(.1,.8,.3,1) both}@keyframes burst{0%{opacity:1;transform:scale(.35)}70%{opacity:.6}to{opacity:0;transform:scale(1.9)}}.res__ghost{color:rgba(var(--accent-rgb),.07);text-shadow:none}.res__lit{position:absolute;left:0;top:6px}.res.is-landed .res__lit{animation:land .7s ease-out both}@keyframes land{0%{filter:brightness(2.6)}to{filter:brightness(1)}}.res__best{margin:0;min-height:22px;font-family:var(--font-machine);font-size:12px;letter-spacing:.14em;color:var(--text-3)}.res__best.is-new{color:var(--accent);text-shadow:var(--led-accent-soft);animation:lamp-blink .5s steps(1,end) 3}.res__stats{margin:10px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:16px 34px}.res__stats>div{opacity:0}.res.is-landed .res__stats>div{animation:pop-in .44s var(--ease-snap) both calc(80ms + var(--i) * .11s)}.res__stats>div{display:flex;flex-direction:column;gap:4px}.res__stats dt{font-family:var(--font-machine);font-size:10px;letter-spacing:.16em;color:var(--text-4)}.res__stats dd{margin:0;font-size:14px;color:var(--text-3)}.res__stats dd b{font-weight:400;font-size:26px}.res__timing{grid-column:1 / -1}.res__hist{display:flex;gap:2px;align-items:flex-end;margin:4px 0 6px}.res__hcol{display:flex;flex-direction:column;gap:2px;transform-origin:bottom}.res.is-landed .res__hcol{animation:col-rise .32s var(--ease) both calc(.42s + var(--i) * 16ms)}@keyframes col-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}.res__hcol i{width:6px;height:4px;border-radius:1px;background:rgba(var(--accent-rgb),.08)}.res__hcol i.is-on{background:var(--accent);box-shadow:0 0 4px rgba(var(--accent-rgb),.7)}.res__hcol.is-mid i{background:#ffffff1a}.res__hcol.is-mid i.is-on{background:var(--text-1);box-shadow:0 0 4px #fff9}.res__mean{font-size:13px;color:var(--text-3)}.res__hint{margin:4px 0 0;font-size:13px;color:var(--amber);opacity:0;transition:opacity .4s var(--ease)}.res.is-landed .res__hint{opacity:1}.res__board{margin-top:10px;opacity:0;transition:opacity .42s var(--ease) .15s}.res.is-landed .res__board{opacity:1}.res__label{margin:0 0 6px;font-family:var(--font-machine);font-size:10px;letter-spacing:.16em;color:var(--text-4)}.res__note{margin:4px 0 0;font-size:13px;color:var(--text-3)}.res__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-width:420px}.res__rows li{opacity:0;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:4px 8px;border-radius:7px;font-size:14px;color:var(--text-2)}.res__rows li.is-me{background:rgba(var(--accent-rgb),.1);color:var(--text-1)}.res.is-landed .res__rows li{animation:res-in .38s var(--ease) both calc(.65s + var(--i) * 70ms)}.res__who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res__actions{display:flex;gap:12px;margin-top:16px}.res__action{padding:12px 20px;font-size:15px;opacity:0}.res.is-landed .res__action{animation:pop-in .42s var(--ease-snap) both calc(.9s + var(--i) * 90ms)}.res__cover{scale:calc(1 + var(--beat, 0) * .014)}.res__cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px rgba(var(--accent-rgb),.95),inset 0 0 46px rgba(var(--accent-rgb),.6);opacity:calc(var(--beat, 0) * .8)}.play.is-leaving .play__field{animation:field-out .46s cubic-bezier(.5,0,.75,0) both}.play.is-leaving .hud__radio,.play.is-leaving .hud__score{transition:opacity .3s var(--ease),transform .3s var(--ease);opacity:0;transform:translateY(-10px)}@keyframes field-out{to{opacity:0;transform:translateY(90px) scaleY(.9)}}.studio-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#000}.calib{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#000000db}.calib__steps{list-style:none;margin:0;padding:0;display:flex;gap:24px;font-family:var(--font-machine);font-size:11px;letter-spacing:.16em;color:var(--text-4)}.calib__steps li.is-on{color:var(--accent);text-shadow:var(--led-accent-soft)}.calib__lead{margin:0;max-width:560px;text-align:center;font-size:16px;line-height:1.5;color:var(--text-2)}.calib__canvas{width:min(680px,92vw);height:300px;border-radius:var(--r-lg);background-image:var(--well-face);box-shadow:var(--well-recess)}.calib__note{margin:0;color:var(--text-3);font-size:14px}.calib__now{margin:0;display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--text-3)}.calib__now b{font-weight:400;font-size:18px;margin-right:12px}@media(max-width:760px){.res__panel{left:20px;right:20px;top:auto;bottom:24px;transform:none;max-width:none}.hud__radio{display:none}.hud__score{font-size:32px;right:16px}}.dlg .play-album,.dlg .album__act{height:46px;padding:0 22px;gap:10px;font-size:11px}.dlg .play-album:hover{color:var(--accent)}.xmb.in-folder .xmb__cat{opacity:0;pointer-events:none}.xmb__crumb{position:absolute;left:0;top:0;display:flex;align-items:center;gap:calc(16px * var(--s));margin-left:calc(-48px * var(--s));margin-top:calc(-34px * var(--s));animation:crumb-in .32s var(--ease) both}@keyframes crumb-in{0%{opacity:0;translate:-24px 0}to{opacity:1;translate:0 0}}.xmb__crumb-icon{flex:none;width:calc(96px * var(--s));display:grid;place-items:center}.xmb__crumb-icon .xmb__art{width:calc(64px * var(--s));height:calc(64px * var(--s));box-shadow:var(--chrome-bevel),inset 0 0 0 1px rgba(var(--accent-rgb),.35),0 0 18px rgba(var(--accent-rgb),.25)}.xmb__crumb-text{display:flex;flex-direction:column;gap:5px;min-width:0}.xmb__crumb-cat{font-family:var(--font-machine);font-size:calc(11px * var(--s));letter-spacing:.18em;color:var(--accent);text-shadow:var(--led-accent-soft);text-transform:uppercase}.xmb__crumb-title{font-size:calc(21px * var(--s));color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(52vw,640px)}.xmb__col.is-folder.is-on{animation:folder-in .34s var(--ease) both}@keyframes folder-in{0%{opacity:0;translate:70px 0}to{opacity:1;translate:0 0}}.xmb__heart{display:inline-block;vertical-align:-1px;margin-left:10px}