:root{--ink: #07070a;--bone: #f2ece1;--bone-dim: rgba(242, 236, 225, .58);--bone-faint: rgba(242, 236, 225, .26);--blood: #c1272d;--ember: #e0722f;--dock: clamp(.75rem, 2.2vw, 1.6rem);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--bone);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}#scene{position:fixed;inset:0;z-index:0;overflow:hidden;background:#05061a}.sc-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:#05061a}.sc-world{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;will-change:transform}.sc-sky{position:absolute;left:-80px;top:-320px;width:2080px;height:1080px}.sc-ht{position:absolute;left:-80px;top:-320px;width:2080px;height:1080px;pointer-events:none;mix-blend-mode:screen}.sc-ht-a{opacity:.5;background-image:radial-gradient(circle,#ff823c6b 1.05px,#0000 1.45px);background-size:8px 8px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 74%,rgba(0,0,0,.7) 86%,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 99%);mask-image:linear-gradient(180deg,#0000 74%,#000000b3 86%,#000 93%,#0000 99%)}.sc-ht-b{opacity:.2;background-image:radial-gradient(circle,#965aff4d 1.15px,#0000 1.55px);background-size:12px 12px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.75) 68%,rgba(0,0,0,0) 80%);mask-image:linear-gradient(180deg,#0000 48%,#000000bf 68%,#0000 80%)}.sc-moonglow{position:absolute;left:150px;top:118px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#bedeff3d,#a0c8ff14,#a0c8ff00 68%)}.sc-svg{position:absolute;left:0;top:0;width:1920px;height:1080px}.sc-smog{position:absolute;left:0;top:430px;width:1920px;height:330px;pointer-events:none}.sc-qglow{position:absolute;left:1120px;top:268px;width:370px;height:430px;pointer-events:none}.sc-smoke{position:absolute;left:0;top:0;width:1920px;height:1080px;pointer-events:none}.sc-puff{position:absolute;left:0;top:0;opacity:0}.sc-endcard{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;pointer-events:none;opacity:0;padding:0 5vw}.sc-end-wrap{position:relative;--end-size: clamp(3.2rem, 15vw, 11.2rem)}.sc-end-ghost{position:absolute;inset:0;font:400 var(--end-size) "Rozha One",Georgia,serif;line-height:1;mix-blend-mode:screen}.sc-end-mag{color:#ff2e88;opacity:.75}.sc-end-cool{color:#3fd8ea;opacity:.7}.sc-end-main{position:relative;font:400 var(--end-size) "Rozha One",Georgia,serif;color:#fbf1e2;line-height:1;text-shadow:0 0 70px rgba(255,182,104,.4),0 0 170px rgba(255,120,70,.22)}.sc-end-line{margin-top:clamp(14px,2.4vw,34px);display:flex;align-items:center;justify-content:center;gap:26px}.sc-end-line i{width:clamp(24px,4vw,60px);height:1px;background:#fbf1e257}.sc-end-line span{font:300 clamp(.62rem,2.1vw,1.7rem) Barlow,ui-sans-serif,sans-serif;letter-spacing:.44em;text-transform:uppercase;color:#fbf1e2b3;padding-left:.44em}.sc-vignette,.sc-warmlift,.sc-grain{position:absolute;inset:0;pointer-events:none}.sc-vignette{background:radial-gradient(ellipse 76% 70% at 46% 44%,#0000 28%,#03020c6b 68%,#03020cdb)}.sc-warmlift{mix-blend-mode:screen;background:radial-gradient(ellipse 60% 40% at 68% 62%,#ff96460f,#ff964600 70%)}.sc-grain{opacity:.15;mix-blend-mode:overlay;background-size:180px 180px}.ui{position:fixed;inset:0;z-index:2;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);padding:var(--dock);pointer-events:none}.ui>*{pointer-events:auto}.topbar{display:flex;align-items:start;justify-content:space-between;gap:.75rem;min-width:0}.mark{font-weight:800;letter-spacing:.18em;font-size:clamp(.7rem,1.5vw,.82rem);text-transform:uppercase;line-height:1.5;min-width:0;overflow:hidden}.mark span{display:block;color:var(--bone-dim);font-weight:500;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>*{min-width:0}.controls{display:flex;align-items:center;gap:.9rem;min-width:0;flex-shrink:0}.live{display:flex;align-items:center;gap:.5rem;font-size:.78rem;letter-spacing:.04em;color:var(--bone-dim);opacity:0;transition:opacity .4s ease}.live[data-ready=true]{opacity:1}.live b{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--blood);box-shadow:0 0 #c1272dbf;animation:ping 2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #c1272db3}70%,to{box-shadow:0 0 0 9px #c1272d00}}.links{display:flex;gap:.4rem;flex:none}.links a{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f2ece112;border:1px solid rgba(242,236,225,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .18s ease,transform .18s ease}.links a:hover{background:#f2ece129;transform:translateY(-2px)}.links svg{width:17px;height:17px;fill:var(--bone)}.dock{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.1rem);padding:clamp(.6rem,1.6vw,.85rem);border-radius:16px;background:#08080c99;border:1px solid rgba(242,236,225,.1);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);max-width:560px;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.dock[hidden]{display:none}.art{width:clamp(48px,11vw,62px);height:clamp(48px,11vw,62px);border-radius:10px;object-fit:cover;flex:none;background:linear-gradient(135deg,#2a1416,#0b0b10);box-shadow:0 6px 22px #0000008c}.meta{min-width:0;flex:1}.title{font-weight:700;font-size:clamp(.85rem,2vw,.98rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{font-size:clamp(.68rem,1.6vw,.78rem);color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bar{margin-top:7px;height:3px;border-radius:2px;background:#f2ece124;overflow:hidden}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--blood),var(--ember))}.transport{display:flex;align-items:center;gap:.15rem;flex:none}.transport button{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;transition:background .16s ease}.transport button:hover{background:#f2ece11a}.transport svg{width:17px;height:17px;fill:var(--bone)}.transport .play{width:46px;height:46px;background:var(--bone)}.transport .play svg{fill:var(--ink);width:19px;height:19px}.transport .play:hover{background:#fff}.curtain{position:fixed;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:1.1rem;text-align:center;padding:2rem;background:radial-gradient(ellipse at 50% 55%,#07070a8c,#07070aeb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .7s ease,visibility .7s}.curtain[data-open=false]{opacity:0;visibility:hidden}.curtain h1{margin:0;font-size:clamp(2.6rem,12vw,6.5rem);line-height:.86;letter-spacing:-.03em;font-weight:900;text-transform:uppercase}.curtain h1 em{display:block;font-style:normal;color:var(--blood)}.curtain p{margin:0;max-width:34ch;color:var(--bone-dim);font-size:clamp(.82rem,2.2vw,.95rem);line-height:1.6}.enter{margin-top:.4rem;padding:.85rem 2.2rem;border-radius:999px;background:var(--bone);color:var(--ink);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;transition:transform .2s ease,box-shadow .2s ease}.enter:hover{transform:translateY(-2px);box-shadow:0 12px 34px #f2ece138}.hint{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-faint)}.notice{position:fixed;left:50%;bottom:calc(var(--dock) + 96px);transform:translate(-50%);z-index:5;padding:.6rem 1rem;border-radius:10px;background:#c1272d29;border:1px solid rgba(193,39,45,.4);font-size:.78rem;color:var(--bone)}.notice[hidden]{display:none}.dock{width:100%}@media(max-width:640px){.dock{max-width:none;gap:.6rem}.transport button:not(.play){width:32px;height:32px}.mark span{font-size:.62rem}.live-label{display:none}}@media(max-width:400px){.mark span{display:none}.transport button:not(.play){width:28px;height:28px}.transport .play{width:42px;height:42px}.links a{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.dot{animation:none}.curtain,.dock,.live{transition:none}}