@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-grey-0:#0b0b0d;--color-grey-100:#16161a;--color-grey-200:#222228;--color-grey-300:#34343c;--color-grey-500:#6b6b76;--color-grey-700:#a9a9b3;--color-grey-900:#f4f4f6;--color-black:#000;--space-50:4px;--space-100:8px;--space-200:16px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-800:64px;--space-1200:96px;--color-bg-letterbox:var(--color-black);--color-bg-canvas:var(--color-grey-0);--color-surface-placeholder:var(--color-grey-200);--color-surface-placeholder-focused:var(--color-grey-300);--color-text-primary:var(--color-grey-900);--color-text-secondary:var(--color-grey-700);--layout-safe-x:var(--space-1200);--layout-safe-y:54px;--layout-row-gap:var(--space-600);--layout-card-gap:var(--space-400);--size-card-landscape-width:400px;--size-card-landscape-height:225px;--size-hero-height:440px;--radius-card:16px;--radius-control:999px;--font-family-base:"Inter Variable", Inter, system-ui, sans-serif;--font-size-caption:24px;--font-size-body:28px;--font-size-title:36px;--font-size-display:88px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--focus-scale:1.08;--focus-shadow:0 24px 48px #00000080;--motion-focus-duration:.24s;--motion-focus-easing:cubic-bezier(.2, .8, .2, 1);--motion-row-duration:.4s;--motion-row-easing:cubic-bezier(.2, .8, .2, 1)}@property --amb-1{syntax:"<color>";inherits:true;initial-value:#1a1a24}@property --amb-2{syntax:"<color>";inherits:true;initial-value:#1a1a24}@property --amb-3{syntax:"<color>";inherits:true;initial-value:#1a1a24}:root{--color-bg-letterbox:radial-gradient(ellipse 75% 85% at 50% 50%, var(--amb-2), #000 78%);--color-bg-canvas:#19181b;--color-text-primary:#f2f0ec;--color-text-secondary:#a8a49d;--color-surface-object:#f2f0ec;--color-surface-object-edge:#b9b3a9;--color-surface-card-edge:#00000059;--color-surface-button:#141316b8;--depth-edge:3px;--layout-safe-x:80px;--layout-safe-y:60px;--layout-card-gap:44px;--font-size-caption:25px;--font-size-body:29px;--font-size-title:36px;--font-size-display:88px;--focus-scale:1;--focus-depth:70px;--motion-focus-duration:.52s;--motion-focus-easing:cubic-bezier(.34, 1.5, .64, 1);--motion-row-duration:.62s;--motion-row-easing:cubic-bezier(.34, 1.25, .64, 1);--motion-camera-duration:.76s;--motion-text-duration:.64s;--motion-detail-duration:.56s;--color-focus-ring:#ffffffb3;--font-size-label:23px;--color-calendar-header:#ff6b5e;--color-progress-fill:#f0a35a;--color-progress-track:#00000080;--color-label:#f0a35a;--stage-detail-zoom:1.1;--stage-detail-enter-scale:.94;--stage-detail-exit-scale:1.06;--stage-detail-rows-drop:600px;--stage-feature-width:556px;--stage-feature-height:500px;--stage-service-width:300px;--stage-service-art-height:200px;--stage-service-band-height:130px;--stage-rank-poster-width:240px;--stage-rank-poster-height:360px;--stage-rank-numeral-size:230px;--stage-rows-push:330px;--color-surface-panel:linear-gradient(to bottom, #ffffff0a, #ffffff05);--color-border-panel:#ffffff1f;--color-rim-panel:#ffffff14;--blur-panel:6px;--saturate-panel:1;--filter-panel-backdrop:blur(var(--blur-panel)) saturate(var(--saturate-panel));--stage-platter-travel:24px;--radius-platter:20px;--radius-panel:calc(var(--radius-platter) + var(--space-100));--motion-ambient-duration:1.4s;transition:--amb-1 var(--motion-ambient-duration) ease, --amb-2 var(--motion-ambient-duration) ease, --amb-3 var(--motion-ambient-duration) ease}:root[data-embed]{--filter-panel-backdrop:none;--color-surface-panel:linear-gradient(to bottom, #1211169e, #12111685)}@media (prefers-reduced-motion:reduce){:root{--motion-focus-duration:0s;--motion-row-duration:0s;--motion-ambient-duration:0s;--motion-camera-duration:0s;--motion-text-duration:0s;--motion-detail-duration:0s}}*,:before,:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--color-bg-letterbox);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;overflow:hidden}.canvas-viewport{background:var(--color-bg-letterbox);position:fixed;inset:0;overflow:hidden}.canvas{background:var(--color-bg-canvas);width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.row-viewport{padding-inline:var(--layout-safe-x)}.row-track{gap:var(--layout-card-gap);transition:transform var(--motion-row-duration) var(--motion-row-easing);display:flex;position:relative}.dio{color:var(--color-text-primary);background:var(--color-bg-canvas);perspective:1400px;perspective-origin:50% 30%;position:absolute;inset:0}.dio-backdrop{object-fit:cover;opacity:.32;width:100%;height:100%;animation:dio-arrive var(--motion-camera-duration) ease both;position:absolute;inset:0;transform:translateZ(-400px)scale(1.3)}@keyframes dio-arrive{0%{opacity:0}}.dio-wash{opacity:.85;background:radial-gradient(ellipse 55% 60% at 12% 25%, var(--amb-1), transparent 70%), radial-gradient(ellipse 50% 55% at 90% 20%, var(--amb-3), transparent 70%), radial-gradient(ellipse 90% 50% at 50% 105%, var(--amb-2), transparent 75%);position:absolute;inset:0}.dio-light{background:radial-gradient(ellipse 70% 55% at 50% -5%, #fff4e129, transparent 70%), linear-gradient(to bottom, #19181b33, #19181bd9 60%, var(--color-bg-canvas));position:absolute;inset:0}.dio-stage{transition:transform var(--motion-camera-duration) var(--motion-row-easing);position:relative}.dio-hero-copy{flex-direction:column;justify-content:flex-end;height:360px;display:flex}.dio-hero-copy>*{animation:dio-copy-in var(--motion-text-duration) cubic-bezier(.2, .8, .2, 1) both}.dio-hero-copy>:nth-child(2){animation-delay:calc(var(--motion-text-duration) * .08)}.dio-hero-copy>:nth-child(3){animation-delay:calc(var(--motion-text-duration) * .16)}@keyframes dio-copy-in{0%{opacity:0;transform:translate(12px)}}.dio-title{margin-top:var(--space-300);font-size:var(--font-size-display);letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1;display:-webkit-box;overflow:hidden}.dio-meta{align-items:center;gap:var(--space-200);margin-top:var(--space-200);font-size:var(--font-size-body);color:var(--color-text-secondary);display:flex}.dio-service{border-radius:10px;width:40px;height:40px;box-shadow:0 0 0 1px #ffffff1f}.dio-service:first-of-type{margin-left:var(--space-100)}.dio-overview{margin-top:var(--space-200);font-size:var(--font-size-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.dio-object-button{padding:18px var(--space-600);background:var(--color-surface-button);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 12px 20px #00000059;transition:transform var(--motion-focus-duration) var(--motion-focus-easing), box-shadow var(--motion-focus-duration) var(--motion-focus-easing), background-color var(--motion-focus-duration) ease, color var(--motion-focus-duration) ease;border-radius:20px}.dio-object-button[data-focused=true]{background:var(--color-surface-object);color:#1b1a1d;box-shadow:0 var(--depth-edge) 0 var(--color-surface-object-edge), 0 20px 28px #0006;transform:translateY(-4px)}.dio-row{margin-bottom:var(--space-600)}.dio-row-title{padding-inline:var(--layout-safe-x);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);transition:opacity .3s}.dio-row[data-active=false] .dio-row-title{opacity:.6}.dio-row .row-viewport{padding-block:var(--space-400) var(--space-800)}.dio-card{cursor:pointer;width:380px;transition:transform var(--motion-focus-duration) var(--motion-focus-easing), opacity .3s ease;flex:none;position:relative;transform:perspective(1200px)}.dio-card-face{height:214px;box-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 18px 28px -10px #0009;transition:box-shadow var(--motion-focus-duration) var(--motion-focus-easing);background:#2c2b30;border-radius:18px;display:block;position:relative;overflow:hidden}.dio-card-face img{object-fit:cover;width:100%;height:100%;display:block}.dio-card-face .dio-card-service{left:var(--space-200);bottom:var(--space-200);border-radius:12px;width:48px;height:48px;position:absolute;box-shadow:0 4px 12px #00000080,0 0 0 1px #ffffff26}.dio-row[data-active=true] .dio-card:not([data-focused=true]){opacity:.7;transform:perspective(1200px)translateZ(-40px)}.dio-card[data-focused=true]{z-index:1;transform:perspective(1200px) translateZ(var(--focus-depth)) rotateX(calc(4deg + var(--tilt-y,0) * -10deg)) rotateY(calc(var(--tilt-x,0) * 12deg))}.dio-card[data-focused=true] .dio-card-face{box-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 56px 50px -22px #000000b3}.dio[data-lit=true] .dio-card[data-focused=true] .dio-card-face{box-shadow:0 0 0 3px var(--color-focus-ring), 0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 56px 50px -22px #000000b3, 0 50px 140px 0 var(--amb-1)}.dio[data-lit=true] .dio-object-button[data-focused=true]{box-shadow:0 var(--depth-edge) 0 var(--color-surface-object-edge), 0 20px 28px #0006, 0 12px 48px -8px var(--amb-1)}.dio[data-lit=true] .dio-light{background:radial-gradient(70% 55% at 50% -5%,#fff4e11a,#0000 70%),linear-gradient(#19181b1a,#19181b99 60%,#141316d9)}.stage-home{position:absolute;inset:0}.stage-home[data-hidden=true]{pointer-events:none}.stage-band{align-items:flex-end;gap:var(--space-200);padding:var(--layout-safe-y) var(--layout-safe-x) 0;flex-direction:column;display:flex}.stage-clock{font-size:var(--font-size-caption);color:var(--color-text-secondary);opacity:.8}.stage-clock span{font-variant-numeric:tabular-nums}.stage-shelf{align-items:center;gap:var(--space-400);padding:var(--space-100);padding-right:var(--space-200);border-radius:var(--radius-panel);background:var(--color-surface-panel);box-shadow:inset 0 2px 0 var(--color-border-panel), inset 0 0 0 2px var(--color-rim-panel), 0 20px 40px #00000040;-webkit-backdrop-filter:var(--filter-panel-backdrop);backdrop-filter:var(--filter-panel-backdrop);display:flex}.stage-avatar{cursor:pointer;width:64px;height:64px;box-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 8px 14px #0006;transition:transform var(--motion-focus-duration) var(--motion-focus-easing), box-shadow var(--motion-focus-duration) ease;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.stage-avatar img{object-fit:cover;width:100%;height:100%}.stage-avatar[data-focused=true]{box-shadow:0 0 0 4px var(--color-text-primary), 0 14px 24px #00000073;transform:scale(1.08)}.stage-avatar--open{box-shadow:0 0 0 4px var(--color-text-primary), 0 8px 14px #0006}.stage-shelf-group{position:relative}.stage-account{top:calc(100% + var(--space-200));gap:var(--space-50);min-width:360px;padding:var(--space-100);border-radius:var(--radius-panel);background:var(--color-surface-panel);box-shadow:inset 0 2px 0 var(--color-border-panel), inset 0 0 0 2px var(--color-rim-panel), 0 20px 40px #00000040;-webkit-backdrop-filter:var(--filter-panel-backdrop);backdrop-filter:var(--filter-panel-backdrop);opacity:0;visibility:hidden;transition:opacity var(--motion-focus-duration) ease, transform var(--motion-focus-duration) cubic-bezier(.2, .8, .2, 1), visibility 0s var(--motion-focus-duration);flex-direction:column;display:flex;position:absolute;right:0;transform:translate(16px)}.stage-account[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--motion-focus-duration) ease, transform var(--motion-focus-duration) cubic-bezier(.2, .8, .2, 1);transform:none}.stage-account-option{padding:var(--space-200) var(--space-300);border-radius:var(--radius-platter);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:transform var(--motion-focus-duration) var(--motion-focus-easing), background-color var(--motion-focus-duration) ease, color var(--motion-focus-duration) ease}.stage-account-option[data-focused=true]{color:var(--color-text-primary);background:#ffffff1a}.stage-account-option[data-pressed=true],.stage-account-option:active{background:#ffffff29;transition:transform 80ms ease-out,background-color 80ms ease-out;transform:scale(.97)}.stage-thing{isolation:isolate;align-items:center;gap:var(--space-200);padding:var(--space-100) var(--space-300) var(--space-100) var(--space-100);border-radius:var(--radius-platter);cursor:pointer;display:flex;position:relative}.stage-thing:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transform:translateY(calc(var(--stage-platter-travel) * var(--nav-y,0)));transition:opacity var(--motion-focus-duration) ease, transform var(--motion-focus-duration) cubic-bezier(.2, .8, .2, 1);background:#ffffff1a;position:absolute;inset:0}.stage-thing-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;flex-direction:column;line-height:1.2;display:flex}.stage-thing-label span{font-size:23px;font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.stage-thing[data-focused=true]:before{opacity:1;animation:stage-platter-in var(--motion-focus-duration) var(--motion-focus-easing);transform:none}@keyframes stage-platter-in{0%{opacity:0;transform:translateY(calc(-1 * var(--stage-platter-travel) * var(--nav-y,0)))}}.stage-mini-record{flex:none;width:92px;height:64px;position:relative}.stage-mini-sleeve{object-fit:cover;width:64px;height:64px;box-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge), 0 8px 14px #0006;border-radius:4px;position:absolute;inset:0 auto 0 0}.stage-mini-badge{z-index:1;filter:drop-shadow(0 2px 4px #00000080);display:flex;position:absolute;bottom:-6px;left:48px}.stage-mini-vinyl{width:58px;height:58px;transition:transform var(--motion-focus-duration) var(--motion-focus-easing);background:repeating-radial-gradient(circle,#141416 0 2px,#222226 3px 4px);border-radius:50%;position:absolute;top:3px;left:30px}.stage-mini-vinyl:after{content:"";background:radial-gradient(circle, #111 0 2px, transparent 2.5px), conic-gradient(#c9b48a 0 50%, #7a5c34 50% 100%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.stage-thing[data-focused=true] .stage-mini-vinyl{transform:translate(14px)rotate(72deg)}.stage-mini-cards{flex:none;width:84px;height:64px;position:relative}.stage-mini-card{left:4px;bottom:calc(var(--i) * 7px);background:linear-gradient(to bottom, var(--color-calendar-header) 0 13px, var(--color-surface-object) 13px);color:#1b1a1d;width:76px;height:48px;font-size:20px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;filter:brightness(calc(1 - var(--i) * .15));box-shadow:0 var(--depth-edge) 0 var(--color-surface-object-edge), 0 6px 10px #0000004d;transform:rotate(calc((var(--i) - 1) * -3deg)) scale(calc(1 - var(--i) * .05));transition:transform var(--motion-focus-duration) var(--motion-focus-easing);border-radius:8px;place-items:center;padding-top:13px;display:grid;position:absolute}.stage-thing[data-focused=true] .stage-mini-card{transform:rotate(calc(var(--i) * -9deg)) translateX(calc(var(--i) * -6px)) scale(calc(1 - var(--i) * .05))}.stage-mini-dial{background:radial-gradient(circle, #2c2b30 0 54%, transparent 55%), conic-gradient(from 225deg, #f0a35a calc(var(--v) * 270deg), #3a393f 0 270deg, transparent 0);width:64px;height:64px;transition:box-shadow var(--motion-focus-duration) ease, transform var(--motion-focus-duration) var(--motion-focus-easing);border-radius:50%;flex:none;box-shadow:0 8px 14px #0006}.stage-thing[data-focused=true] .stage-mini-dial{transform:scale(1.08);box-shadow:0 8px 14px #0006,0 0 28px 4px #f0a35a8c}.stage-rows{transition:transform var(--motion-camera-duration) var(--motion-row-easing), opacity var(--motion-detail-duration) ease}.stage-rows[data-pushed=true]{transform:translateY(var(--stage-rows-push))}.stage-credits{align-items:center;gap:var(--space-300);padding:var(--space-200) var(--layout-safe-x) var(--layout-safe-y);font-size:var(--font-size-label);color:var(--color-text-secondary);line-height:1.4;display:flex}.stage-credits img{flex:none;height:24px}.stage-credits p{max-width:1300px}.stage-title--logo,.stage-detail-title{line-height:0;display:block;overflow:visible}.stage-logo{object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 18px #00000073);display:block}.stage-logo--dark{filter:drop-shadow(0 0 2px #ffffff80)drop-shadow(0 0 22px #ffffff4d)}.stage-hero{padding:var(--space-300) var(--layout-safe-x) var(--space-600);max-width:1100px}.stage-kicker{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-label);text-transform:uppercase;letter-spacing:.14em}.stage .dio-row-title{font-weight:var(--font-weight-semibold)}.stage .dio-meta{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap}.stage-hero-badge{background:var(--color-label);color:#1b1a1d;font-size:20px;font-weight:var(--font-weight-bold);white-space:nowrap;border-radius:999px;padding:2px 12px;line-height:1.4}.stage .dio-hero-copy{height:400px}.stage .dio-overview{-webkit-line-clamp:3;max-width:1100px}.stage .dio-hero-copy>*{animation-name:stage-copy-in;animation-delay:0s}@keyframes stage-copy-in{0%{opacity:0;transform:translate(calc(12px * var(--nav-x,1)), calc(12px * var(--nav-y,0)))}}.stage .dio-backdrop{transition:opacity var(--motion-detail-duration) cubic-bezier(.2, .85, .25, 1), transform var(--motion-detail-duration) cubic-bezier(.2, .85, .25, 1);animation-name:stage-backdrop-in;animation-fill-mode:backwards}@keyframes stage-backdrop-in{0%{opacity:0;transform:translateZ(-400px) scale(1.3) translate(calc(20px * var(--nav-x,1)), calc(20px * var(--nav-y,0)))}}.stage-hero{transition:opacity var(--motion-camera-duration) ease}.stage-hero[data-faded=true]{opacity:0}.stage .dio-card-face:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.stage-card-logo{z-index:1;left:var(--space-300);bottom:var(--space-200);right:var(--space-300);position:absolute}.stage .dio-card-face .dio-card-service{z-index:1;bottom:auto;left:auto;top:var(--space-200);right:var(--space-200);border-radius:10px;width:40px;height:40px}.stage-card-caption{gap:var(--space-50);margin-top:var(--space-300);opacity:0;transition:opacity var(--motion-focus-duration) ease;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.dio-card[data-focused=true] .stage-card-caption{opacity:1;animation:stage-caption-in var(--motion-focus-duration) cubic-bezier(.2, .8, .2, 1)}@keyframes stage-caption-in{0%{transform:translate(calc(16px * var(--nav-x,1)), calc(16px * var(--nav-y,0)))}}.stage-card-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.2}.stage-card-line{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;line-height:1.25}.stage-row--details .row-viewport{padding-bottom:130px}.stage .dio-row{margin-bottom:var(--space-100)}.stage-card-progress{z-index:1;background:linear-gradient(to right, var(--color-progress-fill) calc(var(--p) * 100%), var(--color-progress-track) 0);height:6px;position:absolute;bottom:0;left:0;right:0}.stage-card-pill{z-index:1;top:var(--space-200);left:var(--space-200);background:var(--color-label);color:#1b1a1d;font-size:18px;line-height:1.3;font-weight:var(--font-weight-bold);border-radius:999px;padding:2px 10px;position:absolute}.stage-card-logo{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-wrap:balance;line-height:1.1}.stage-progress{width:480px;height:4px;margin-top:var(--space-300);background:linear-gradient(to right, var(--color-progress-fill) calc(var(--p) * 100%), #fff3 0);border-radius:2px;display:block}.stage-detail{z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.stage-detail-scrim{animation:stage-fade-in var(--motion-detail-duration) ease both;background:linear-gradient(90deg,#0c0b0ecc 0%,#0c0b0e66 50%,#0000 78%),linear-gradient(#0000 55%,#0c0b0ed9);position:absolute;inset:0}.stage-detail-body{padding:90px var(--layout-safe-x) 0;position:relative}.stage-fade-in{transform-origin:0 0;animation:stage-fade-in-zoom var(--motion-detail-duration) ease both;animation-delay:calc(var(--motion-detail-duration) * .35)}@keyframes stage-fade-in-zoom{0%{opacity:0;transform:scale(var(--stage-detail-enter-scale))}}@keyframes stage-fade-in{0%{opacity:0}}.stage[data-detail=true] .dio-backdrop{opacity:.85;transform:translateZ(0) scale(var(--stage-detail-zoom))}.stage-home .stage-band{transition:opacity var(--motion-detail-duration) ease, transform var(--motion-detail-duration) ease}.stage-home[data-hidden=true] .stage-band{opacity:0;transform:scale(var(--stage-detail-exit-scale))}.stage-home[data-hidden=true] .stage-rows{opacity:0;transition:transform var(--motion-camera-duration) var(--motion-row-easing), opacity calc(var(--motion-detail-duration) * .4) ease}.stage-rows>*{transition:transform var(--motion-detail-duration) cubic-bezier(.2, .85, .25, 1)}.stage-home[data-hidden=true] .stage-rows>*{transform:translateY(var(--stage-detail-rows-drop))}.stage-home[data-hidden=true] .stage-rows>.stage-row--above{transform:translateY(calc(-1 * var(--stage-detail-rows-drop)))}.stage-home[data-hidden=true] .dio-hero-copy{visibility:hidden}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:var(--motion-detail-duration);animation-timing-function:cubic-bezier(.2,.85,.25,1)}::view-transition-old(vt-kicker){block-size:auto;inline-size:auto}::view-transition-new(vt-kicker){block-size:auto;inline-size:auto}::view-transition-old(vt-meta){block-size:auto;inline-size:auto}::view-transition-new(vt-meta){block-size:auto;inline-size:auto}::view-transition-old(vt-overview){block-size:auto;inline-size:auto}::view-transition-new(vt-overview){block-size:auto;inline-size:auto}.stage-detail-title{margin-top:var(--space-200);font-size:var(--font-size-display);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1}.stage-detail-tagline{margin-top:var(--space-300);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);animation-name:stage-tagline-in;animation-delay:calc(var(--motion-detail-duration) * .3);animation-duration:calc(var(--motion-detail-duration) * .4)}@keyframes stage-tagline-in{0%{opacity:0;transform:scale(var(--stage-detail-enter-scale))}35%{opacity:1}}.stage-detail-overview{margin-top:var(--space-200);max-width:940px;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.4}.stage-detail-progress{gap:var(--space-100);margin-top:var(--space-400);flex-direction:column;display:flex}.stage-detail-episode{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.stage-detail-left{align-items:center;gap:var(--space-300);font-size:var(--font-size-caption);color:var(--color-label);display:flex}.stage-detail-left .stage-progress{margin-top:0}.stage-detail-actions{gap:var(--space-300);margin-top:var(--space-500);display:flex}.stage-play{align-items:center;gap:var(--space-200);padding-left:var(--space-500);display:inline-flex}.stage .dio-object-button{border-radius:999px}.stage-detail-note{margin-top:var(--space-200);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.stage-detail-scroll{transition:transform var(--motion-row-duration) var(--motion-row-easing);flex-direction:column;flex:1;display:flex;position:relative}.stage-detail-rows{padding-top:var(--space-500);margin-top:auto}.dio-card-face .stage-league-badge{z-index:1;right:var(--space-200);bottom:var(--space-200);filter:drop-shadow(0 2px 6px #00000073);width:auto;height:56px;position:absolute}.stage-league-meta{height:46px;margin-left:var(--space-100)}.stage-imdb{align-items:center;display:flex}.stage-imdb img{height:36px}.stage-fixture{background:linear-gradient(160deg, var(--league-navy) 0 58%, #0c2554 58% 100%)}.stage-fixture:before{content:"";z-index:1;background:var(--league-green);height:6px;position:absolute;bottom:0;left:0;right:0}.stage-fixture-teams{z-index:1;left:var(--space-300);right:96px;top:var(--space-300);color:#fff;flex-direction:column;gap:2px;font-size:30px;font-weight:800;line-height:1.1;display:flex;position:absolute}.stage-card-pill--bottom{top:auto;bottom:var(--space-300)}.stage .stage-back-card{justify-content:center;align-items:center;gap:var(--space-200);background:var(--color-surface-panel);box-shadow:inset 0 2px 0 var(--color-border-panel), inset 0 0 0 2px var(--color-rim-panel), 0 18px 28px -10px #0009;-webkit-backdrop-filter:var(--filter-panel-backdrop);backdrop-filter:var(--filter-panel-backdrop);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);display:flex}.stage .stage-back-card:after{content:none}.stage .stage-rank-card{align-items:flex-end;width:auto;display:flex}.stage-rank{font-size:var(--stage-rank-numeral-size);font-weight:var(--font-weight-bold);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-shadow:0 var(--depth-edge) 0 var(--color-surface-card-edge);margin-right:-.1em;line-height:.74}.stage-rank-column{z-index:1;position:relative}.stage .stage-rank-poster,.stage .stage-rank-card .stage-back-card{width:var(--stage-rank-poster-width);height:var(--stage-rank-poster-height)}.stage .stage-rank-poster:after{content:none}.stage .stage-feature-card{width:var(--stage-feature-width)}.stage .stage-feature-face,.stage .stage-feature-card .stage-back-card{height:var(--stage-feature-height)}.stage .stage-feature-face:after{background:linear-gradient(#0000 25%,#0003 45%,#0009 70%,#000000d9)}.stage-feature-copy{z-index:1;left:var(--space-400);right:var(--space-400);bottom:var(--space-400);align-items:flex-start;gap:var(--space-200);flex-direction:column;display:flex;position:absolute}.stage-feature-tag{background:var(--color-label);color:#1b1a1d;font-size:20px;font-weight:var(--font-weight-bold);border-radius:999px;padding:2px 12px;line-height:1.4}.stage-feature-logo{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:1.1;display:block}.stage-feature-meta{align-items:center;gap:var(--space-200);max-width:100%;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex}.stage-feature-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage .stage-feature-meta img{border-radius:9px;width:36px;height:36px}.stage-row-subtitle{margin-top:var(--space-50);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);display:block}.stage .stage-service-card{width:var(--stage-service-width)}.stage .stage-service-face,.stage .stage-service-card .stage-back-card{height:calc(var(--stage-service-art-height) + var(--stage-service-band-height))}.stage .stage-service-face{flex-direction:column;display:flex}.stage .stage-service-face:after{content:none}.stage-service-art{height:var(--stage-service-art-height);flex:none;position:relative;overflow:hidden}.stage-service-art:after{content:"";background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.stage-service-band{align-items:center;gap:var(--space-200);padding-inline:var(--space-300);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:#fff;flex:1;display:flex}.stage .stage-service-band img{border-radius:14px;width:64px;height:64px;box-shadow:0 0 0 2px #ffffff40}.stage-card-price{white-space:nowrap}
