:root{--color-brand-primary:#e87430;--color-brand-dark:#b85a1a;--color-brand-navy:#1c1c52;--color-text-muted:#5e6b80;--color-text-dim:#3a4358}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;cursor:none;-webkit-user-select:none;user-select:none;background:#000;width:100vw;height:100vh;font-family:DM Sans,system-ui,sans-serif;overflow:hidden}.brand-logo{max-width:200px;height:auto}
.status-screen{box-sizing:border-box;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex}.status-logo{flex-shrink:0;max-width:200px;height:auto}.status-text{color:#d1d5db;text-align:center;margin-top:24px;font-size:1.125rem}.status-hint{color:#6b7280;text-align:center;margin-top:8px;font-size:.875rem}.idle-screen{z-index:1;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.idle-logo{opacity:.12;max-width:200px;height:auto;animation:4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.08}50%{opacity:.18}}.playing-screen{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.loading-screen{z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #1c1c52;border-top-color:#d1d5db;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#5e6b80;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600}
.layer-back{object-fit:cover;z-index:1;width:100vw;height:100vh;position:absolute;inset:0}.layer-front{object-fit:cover;z-index:2;width:100vw;height:100vh;position:absolute;inset:0}.layer-front.transition-none{opacity:0;transition:none}.layer-front.transition-none.layer-visible{opacity:1}.layer-front.transition-fade{opacity:0;transition:opacity .8s ease-in-out}.layer-front.transition-fade.layer-visible{opacity:1}.layer-front.transition-slide-left{opacity:1;transition:transform .8s ease-in-out;transform:translate(100%)}.layer-front.transition-slide-left.layer-visible{transform:translate(0)}.layer-front.transition-slide-right{opacity:1;transition:transform .8s ease-in-out;transform:translate(-100%)}.layer-front.transition-slide-right.layer-visible{transform:translate(0)}.layer-front.transition-slide-up{opacity:1;transition:transform .8s ease-in-out;transform:translateY(100%)}.layer-front.transition-slide-up.layer-visible{transform:translateY(0)}.layer-front.transition-slide-down{opacity:1;transition:transform .8s ease-in-out;transform:translateY(-100%)}.layer-front.transition-slide-down.layer-visible{transform:translateY(0)}.layer-front.transition-zoom{opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-in-out;transform:scale(1.2)}.layer-front.transition-zoom.layer-visible{opacity:1;transform:scale(1)}.layer-front.transition-blur{opacity:0;filter:blur(20px);transition:opacity .8s ease-in-out,filter .8s ease-in-out}.layer-front.transition-blur.layer-visible{opacity:1;filter:blur()}.layer-front.transition-flip{opacity:1;backface-visibility:hidden;transition:transform .8s ease-in-out;transform:perspective(1000px)rotateY(90deg)}.layer-front.transition-flip.layer-visible{transform:perspective(1000px)rotateY(0)}.layer-front.transition-wipe-left{opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .8s ease-in-out}.layer-front.transition-wipe-left.layer-visible{clip-path:inset(0)}.layer-front.transition-wipe-right{opacity:1;clip-path:inset(0 0 0 100%);transition:clip-path .8s ease-in-out}.layer-front.transition-wipe-right.layer-visible{clip-path:inset(0)}