/* Figma 375 px canvases. Background fills: day 44805:2661, week 44803:2432, month 44805:2865. */
body.activity-page[data-activity-key="ticket"] { --ticket-nav-surface:linear-gradient(180deg,#078ff9f5 0%,#19aef4ed 72%,#22b9f0e8 100%); --ticket-nav-shadow:#0069ae24; --ticket-tab-surface:#456cd0; --ticket-tab-border:#87b5ff; --ticket-rule-surface:#2465a267; --ticket-schedule-surface:#669ed8cc; --ticket-schedule-border:#e6f7ff; background:#89d1fc; color:#25334e; }
body.activity-page[data-activity-key="ticket"][data-ticket-pool="week"] { --ticket-nav-surface:linear-gradient(180deg,#11155bf7 0%,#3626a9f0 72%,#5f37cae6 100%); --ticket-nav-shadow:#160c5b59; --ticket-tab-surface:#2b2793e8; --ticket-tab-border:#a28bffe0; --ticket-rule-surface:#27207eb8; --ticket-schedule-surface:#4d3baed6; --ticket-schedule-border:#c7bcff; background:#3f2bb9; }
body.activity-page[data-activity-key="ticket"][data-ticket-pool="month"] { --ticket-nav-surface:linear-gradient(180deg,#2a183af7 0%,#5b305ef0 72%,#8b4d5be6 100%); --ticket-nav-shadow:#36142f6b; --ticket-tab-surface:#532b5ce0; --ticket-tab-border:#f0ad6ddb; --ticket-rule-surface:#552a50b8; --ticket-schedule-surface:#89536fd6; --ticket-schedule-border:#ffd39d; background:#704487; }
body[data-activity-key="ticket"] .activity-detail,
body[data-activity-key="ticket"] .activity-hero,
body[data-activity-key="ticket"] .activity-grid,
body[data-activity-key="ticket"] #activity-assets,
body[data-activity-key="ticket"] #activity-prizes,
body[data-activity-key="ticket"] .activity-navigation { display:none; }
body[data-activity-key="ticket"] .activity-shell { width:100%; max-width:var(--activity-mobile-canvas-width); margin:0 auto; padding:0; background:#89d1fc url('/static/images/ticket-background-day.png') center top / 100% auto no-repeat; }
body[data-activity-key="ticket"][data-ticket-pool="week"] .activity-shell { background-color:#3f2bb9; background-image:url('/static/images/ticket-background-week.png'); }
body[data-activity-key="ticket"][data-ticket-pool="month"] .activity-shell { background-color:#704487; background-image:url('/static/images/ticket-background-month.png'); }
.ticket-experience { position:relative; overflow:hidden; padding-bottom:0; }
.ticket-header { display:flex; align-items:center; justify-content:space-between; height:92px; padding:30px 18px 0; color:white; }
.ticket-header h2 { margin:0; font-family:"FZZhengHeiS-B-GB","Source Han Sans CN","Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif; font-size:28px; font-weight:900; line-height:1; letter-spacing:.06em; -webkit-text-stroke:.35px currentColor; }
.ticket-header__back { display:grid; width:44px; height:44px; margin-left:-10px; place-items:center; color:#fff; text-decoration:none; }
.ticket-header__back-icon { display:block; width:24px; height:24px; overflow:visible; }
.ticket-header__back-icon--mobile { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ticket-header button { display:grid; width:32px; height:32px; place-items:center; padding:0; color:#fff; background:var(--ticket-rule-surface); border:0; border-radius:9px; font-size:12px; }
.ticket-tabs { position:relative; display:flex; width:81.6%; height:34px; margin:12px auto 0; padding:3px; border-radius:30px; background:var(--ticket-tab-surface); border:1px solid var(--ticket-tab-border); transition:background-color .22s ease,border-color .22s ease; }
.ticket-tabs button { position:relative; z-index:1; flex:1; color:#fff; border:0; background:transparent; font-size:14px; cursor:pointer; }
.ticket-tabs__indicator { position:absolute; left:3px; top:3px; bottom:3px; width:calc((100% - 6px)/3); border-radius:30px; background:linear-gradient(#ffb4f6,#ff19b5 50%,#fb19b3); box-shadow:inset 0 0 5px #fff,0 0 5px #fb9bff; transform:translateX(calc(var(--ticket-tab-index,0)*100%)); transition:transform .22s ease-out; }
.ticket-native-selector { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ticket-experience > .activity-assets-bar { position:relative; top:auto; left:auto; margin:12px auto 0; transform:none; }
.ticket-stage { position:relative; width:100%; aspect-ratio:375/351; margin-top:7px; }
.ticket-stage img { pointer-events:none; user-select:none; -webkit-user-drag:none; }
/* Layout follows Figma; the original videos supply globe/prize motion. */
.ticket-stage__globe { position:absolute; z-index:1; width:91.47%; aspect-ratio:1; left:5.07%; top:3%; pointer-events:none; }
.ticket-stage__featured { position:absolute; z-index:2; left:62.13%; top:0; width:37.87%; aspect-ratio:1; pointer-events:none; }
.ticket-stage__featured[hidden] { display:none; }
.ticket-stage__featured-motion { position:relative; display:block; width:100%; height:100%; will-change:transform,filter; }
.ticket-stage__featured:not(.ticket-video) > img { will-change:transform,filter; }
.ticket-stage__featured--week:not([hidden]) > img { animation:ticket-featured-week-float 3.2s cubic-bezier(.45,.05,.55,.95) .18s infinite; }
.ticket-stage__featured--month:not([hidden]) > img { animation:ticket-featured-month-float 3.8s cubic-bezier(.45,.05,.55,.95) .24s infinite; }
@keyframes ticket-featured-week-float {
  0%,100% { transform:translate3d(0,2px,0) rotate(.45deg); filter:drop-shadow(0 5px 6px rgba(70,111,207,.16)); }
  50% { transform:translate3d(0,-9px,0) rotate(-.7deg); filter:drop-shadow(0 14px 11px rgba(70,111,207,.3)); }
}
@keyframes ticket-featured-month-float {
  0%,100% { transform:translate3d(0,2px,0) scale(.99); filter:drop-shadow(0 5px 6px rgba(189,119,15,.16)); }
  52% { transform:translate3d(0,-10px,0) scale(1.018); filter:drop-shadow(0 16px 13px rgba(189,119,15,.32)); }
}
.ticket-video__still,.ticket-video__frame { display:block; width:100%; height:100%; }
.ticket-video__still { position:relative; z-index:1; }
.ticket-stage__globe .ticket-video__still { position:absolute; inset:0; object-fit:contain; }
.ticket-stage__globe .ticket-video__still[hidden] { display:none; }
.ticket-video video { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.ticket-video__frame { position:absolute; z-index:2; inset:0; visibility:hidden; opacity:0; mix-blend-mode:screen; }
/* The motion sources are only 280/144 px after cropping. Keep the 2x/8x
   Figma exports as the detail layer and blend the video highlights above it. */
.ticket-video.is-video-ready .ticket-video__frame { visibility:visible; opacity:.22; }
.ticket-stage__featured.ticket-video.is-video-ready .ticket-video__frame { opacity:.28; }
.ticket-stage__amount { position:absolute; z-index:3; top:76%; left:22%; width:56%; text-align:center; color:#0057bc; pointer-events:none; }
.ticket-stage__amount span { display:block; font-size:12px; }
.ticket-stage__amount strong { display:block; font-size:28px; line-height:32px; letter-spacing:1px; }
body[data-activity-key="ticket"][data-ticket-pool="week"] .ticket-stage__amount strong,
body[data-activity-key="ticket"][data-ticket-pool="month"] .ticket-stage__amount strong { transform:translateY(-6px); }
.ticket-schedule { display:flex; align-items:center; justify-content:space-evenly; width:78%; margin:-1px auto 0; height:24px; border:1px solid var(--ticket-schedule-border); border-radius:20px; background:var(--ticket-schedule-surface); color:#fff; font-size:12px; transition:background-color .22s ease,border-color .22s ease; }
.ticket-countdown { width:max-content; max-width:90%; margin:12px auto 0; padding:3px 9px; border-radius:15px; background:#ffecc4; color:#802005; font-size:14px; position:relative; }
.ticket-countdown::after { content:""; position:absolute; top:100%; left:calc(50% - 5px); border:5px solid transparent; border-top-color:#ffecc4; }
.ticket-actions { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:8px 0 22px; height:77px; }
.ticket-actions > button { position:relative; border:0; padding:0; background:none; color:white; cursor:pointer; min-width:0; }
.ticket-actions > button:not(.ticket-actions__invest) { width:76px; height:77px; flex-shrink:0; }
.ticket-actions > button > img { position:absolute; width:52px; height:52px; object-fit:contain; top:0; left:12px; }
.ticket-actions > button:not(.ticket-actions__invest) > span { display:flex; position:absolute; bottom:0; left:-8px; right:-8px; height:33px; align-items:center; justify-content:center; box-sizing:border-box; padding:0; border-radius:30px; border:1px solid #ffdf48; background:linear-gradient(#ffb7ee,#fc1995 52%,#ff598e); box-shadow:inset 0 0 4px #fff; font-size:14px; line-height:1; }
.ticket-actions > a { position:relative; width:76px; height:77px; flex-shrink:0; border:0; padding:0; background:none; color:white; cursor:pointer; min-width:0; text-decoration:none; }
.ticket-actions > a > img { position:absolute; width:52px; height:52px; object-fit:contain; top:0; left:12px; }
.ticket-actions > a > span { display:flex; position:absolute; bottom:0; left:-8px; right:-8px; height:33px; align-items:center; justify-content:center; box-sizing:border-box; padding:0; border-radius:30px; border:1px solid #ffdf48; background:linear-gradient(#ffb7ee,#fc1995 52%,#ff598e); box-shadow:inset 0 0 4px #fff; font-size:14px; line-height:1; }
.ticket-actions__label { position:relative; z-index:3; }
.ticket-actions__label--desktop { display:none; }
.ticket-actions .ticket-actions__invest { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; max-width:245px; height:65px; background:url('/static/images/ticket-bet-button.png?v=2') 50% 43% / 146% 172% no-repeat; padding:0 5px; }
.ticket-actions__invest strong,.ticket-actions__invest small { position:relative; z-index:1; }
.ticket-actions__shine,.ticket-actions__aura { position:absolute; inset:6% 4% 9%; border-radius:100px; pointer-events:none; }
.ticket-actions__shine { overflow:hidden; }
.ticket-actions__shine > span { position:absolute; top:-40%; left:-50%; width:25%; height:180%; background:linear-gradient(90deg,transparent,#fff9,transparent); opacity:0; }
.ticket-actions__aura { opacity:0; box-shadow:0 0 12px 2px #ffe4ac; }
.ticket-actions__invest strong { display:block; font-size:22px; line-height:26px; }
.ticket-actions__invest small { display:block; font-size:12px; }
.ticket-actions button:active,.ticket-actions a:active { transform:scale(.97); }
.ticket-announcement { margin:0 14px 14px; border-radius:13px; padding:16px 13px 8px; background:white; box-shadow:0 4px 18px #176ccc30; }
.ticket-announcement.ticket-pool__records { border:0; }
.ticket-announcement header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.ticket-announcement h3 { margin:0; font-size:14px; color:#171717; }
.ticket-announcement header button { border:0; color:#7653ff; background:none; font-size:12px; padding:0; }
.ticket-announcement .ticket-pool__record { display:grid; grid-template-columns:28px 36px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:45px; border:0; border-bottom:1px solid #0000000d; border-radius:0; background:none; padding:4px 0; color:#000000e5; font-size:14px; }
.ticket-announcement .ticket-pool__rank { width:28px; height:28px; display:grid; place-items:center; flex:none; color:#787878; background:#f2f2f2; border-radius:50%; font-size:14px; font-weight:500; line-height:1; white-space:nowrap; }
.ticket-announcement .ticket-pool__rank--1,.ticket-announcement .ticket-pool__rank--2,.ticket-announcement .ticket-pool__rank--3 { color:transparent; border-radius:0; background:center / contain no-repeat; }
.ticket-announcement .ticket-pool__rank--1 { background-image:url('/static/images/ticket-announcement/44805-2739.png'); }
.ticket-announcement .ticket-pool__rank--2 { background-image:url('/static/images/ticket-announcement/44805-2747.png'); }
.ticket-announcement .ticket-pool__rank--3 { background-image:url('/static/images/ticket-announcement/44805-2755.png'); }
.ticket-announcement .ticket-pool__avatar { display:block; width:36px; height:36px; border-radius:50%; object-fit:cover; }
.ticket-announcement .ticket-pool__record > span:first-of-type { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticket-announcement .ticket-pool__prize-value { color:#5534f9; font-size:16px; line-height:22px; white-space:nowrap; }
.ticket-announcement .ticket-pool__prize-value b { font:inherit; font-weight:400; }
.ticket-announcement .ticket-pool__prize-value small { margin-left:4px; color:#000000e5; font-size:12px; line-height:18px; }
.ticket-announcement:not(.is-expanded) .ticket-pool__record:nth-child(n+6) { display:none; }
.ticket-dialog { width:min(90vw,420px); max-height:85vh; border:0; border-radius:20px; padding:28px 20px; background:#f7fcff; color:#254572; box-shadow:0 15px 70px #15355d66; }
.ticket-dialog::backdrop { background:#10294e77; backdrop-filter:blur(3px); }
.ticket-dialog__close { float:right; margin-top:-16px; margin-right:-7px; background:none; border:0; font-size:28px; color:#536583; cursor:pointer; }
.ticket-dialog h3 { margin:0 0 16px; text-align:center; font-size:20px; }
.ticket-dialog > p { font-size:13px; }
.ticket-dialog .ticket-pool__invest { display:flex; flex-wrap:wrap; }
.ticket-dialog .ticket-pool__invest input { flex:1; min-width:80px; color:#24446d; background:white; border:1px solid #aacff1; }
.ticket-dialog .ticket-pool__invest button { flex-basis:100%; background:linear-gradient(#fe91d8,#ff2ea9); color:white; }
.ticket-dialog .ticket-sources__grid { grid-template-columns:1fr; }
.ticket-dialog .ticket-source, .ticket-dialog .ticket-pool__record { background:#eaf4ff; color:#254572; border-color:#c6dff1; }
.ticket-dialog .ticket-source small,.ticket-dialog .ticket-source span { color:#557599; }
body[data-activity-key="ticket"] .ticket-pool__message { margin:0 14px 16px; padding:12px; color:#185b8f; background:#f1fbff; border-radius:12px; }

@media(max-width:768px) {
 .ticket-experience {
   --ticket-mobile-header-height: var(--activity-mobile-nav-height);
   padding-top: var(--ticket-mobile-header-height);
 }
 .ticket-header {
   position: fixed;
   z-index: 100;
   isolation: isolate;
   top: 0;
   left: 50%;
   width: var(--activity-mobile-canvas-width);
   height: var(--ticket-mobile-header-height);
   padding: var(--activity-mobile-safe-top) max(16px, var(--activity-mobile-safe-right)) 0 max(16px, var(--activity-mobile-safe-left));
   box-sizing: border-box;
   transform: translateX(-50%);
 }
 .ticket-header::before { content:""; position:absolute; z-index:-1; inset:0; opacity:0; background:var(--ticket-nav-surface); box-shadow:0 1px 0 #ffffff2e,0 8px 18px var(--ticket-nav-shadow); -webkit-backdrop-filter:blur(14px) saturate(130%); backdrop-filter:blur(14px) saturate(130%); transition:opacity 180ms ease; pointer-events:none; }
 .ticket-header.is-scrolled::before { opacity:1; }

 /* Figma 44813:3453: the 503 px group is centered on a 375 px canvas.
    Keep the same 64 px clipping on wider mobile canvases so the side controls
    stay against the canvas edges while the primary action remains centered. */
 body[data-activity-key="ticket"] .ticket-actions {
   position:relative;
   left:50%;
   display:grid;
   width:max(503px,calc(100% + 128px));
   height:77px;
   grid-template-columns:140px 191px 140px;
   gap:0;
   align-items:end;
   justify-content:space-between;
   margin:8px 0 22px;
   transform:translateX(-50%);
 }
 body[data-activity-key="ticket"] .ticket-actions > :is(button,a):not(.ticket-actions__invest) {
   width:140px;
   height:77px;
 }
 body[data-activity-key="ticket"] .ticket-actions > :is(button,a):not(.ticket-actions__invest) > img {
   z-index:2;
   top:-5px;
   width:64px;
   height:64px;
 }
 body[data-activity-key="ticket"] .ticket-actions > button:not(.ticket-actions__invest) > img { left:60px; }
 body[data-activity-key="ticket"] .ticket-actions > a:not(.ticket-actions__invest) > img { left:10px; }
 body[data-activity-key="ticket"] .ticket-actions > :is(button,a):not(.ticket-actions__invest) > span {
   z-index:auto;
   right:auto;
   bottom:0;
   left:0;
   width:140px;
   height:34px;
   border:0;
   border-radius:17px;
   background-color:transparent;
   background-image:url('/static/images/ticket-action-side.png?v=20260915-figma-1');
   background-position:-28.463px -15.954px;
   background-size:196.811px 65.604px;
   background-repeat:no-repeat;
   box-shadow:none;
   font-size:14px;
   font-weight:600;
   line-height:20px;
   text-shadow:0 1px 0 rgba(0,0,0,.2);
 }
 body[data-activity-key="ticket"] .ticket-actions > button:not(.ticket-actions__invest) > span {
   justify-content:flex-end;
   padding-right:16px;
 }
 body[data-activity-key="ticket"] .ticket-actions > a:not(.ticket-actions__invest) > span {
   justify-content:flex-start;
   padding-left:15px;
 }
 body[data-activity-key="ticket"] .ticket-actions .ticket-actions__invest {
   isolation:isolate;
   width:191px;
   max-width:none;
   height:63px;
   flex:none;
   overflow:visible;
   padding:0;
   background:none;
 }
 body[data-activity-key="ticket"] .ticket-actions__invest::before,
 body[data-activity-key="ticket"] .ticket-actions__invest::after {
   position:absolute;
   z-index:0;
   top:0;
   height:63px;
   background-image:url('/static/images/ticket-bet-button.png?v=2');
   background-repeat:no-repeat;
   background-size:308.368px 102.789px;
   content:"";
   pointer-events:none;
 }
 body[data-activity-key="ticket"] .ticket-actions__invest::before {
   left:0;
   width:139px;
   border-radius:31.5px;
   background-position:-43.422px -19.895px;
 }
 body[data-activity-key="ticket"] .ticket-actions__invest::after {
   left:56px;
   width:135px;
   border-radius:31.5px;
   background-position:-130.422px -19.895px;
   -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 100%);
   mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 100%);
 }
 body[data-activity-key="ticket"] .ticket-actions__shine,
 body[data-activity-key="ticket"] .ticket-actions__aura { z-index:1; inset:4px 5px; }
 body[data-activity-key="ticket"] .ticket-actions__invest strong,
 body[data-activity-key="ticket"] .ticket-actions__invest small {
   position:absolute;
   z-index:2;
   left:0;
   width:191px;
   text-align:center;
   text-shadow:0 1px 0 rgba(0,0,0,.2);
 }
 body[data-activity-key="ticket"] .ticket-actions__invest strong {
   top:7px;
   font-size:20px;
   font-weight:600;
   line-height:28px;
 }
 body[data-activity-key="ticket"] .ticket-actions__invest small {
   top:35px;
   font-size:12px;
   font-weight:500;
   line-height:18px;
 }
 body[data-activity-key="ticket"] .ticket-actions > :is(button,a):focus-visible {
   outline:2px solid #fff;
   outline-offset:2px;
 }
}

@media(max-width:768px) {
 body[data-activity-key="ticket"] > .site-header,
 body[data-activity-key="ticket"] > .site-footer { display:none; }
}
@media(min-width:769px) {
 body.activity-page[data-activity-key="ticket"] > .site-header { display:flex; }
 body.activity-page[data-activity-key="ticket"] > .site-footer { display:flex; }
 body.activity-page[data-activity-key="ticket"] { background:#e6f5ff; }
 body.activity-page[data-activity-key="ticket"][data-ticket-pool="week"] { background-color:#28178d; }
 body.activity-page[data-activity-key="ticket"][data-ticket-pool="month"] { background-color:#59304f; }
 body.activity-page[data-activity-key="ticket"] .activity-shell { width:100%; max-width:none; min-height:calc(100vh - 90px); margin:0; padding:0; border-radius:0; background:#e6f5ff url('/static/images/activity-ticket-bg-pc.webp') center / cover no-repeat; box-shadow:none; }
 body.activity-page[data-activity-key="ticket"][data-ticket-pool="week"] .activity-shell { background-color:#28178d; background-image:url('/static/images/activity-ticket-bg-week-pc.webp'); }
 body.activity-page[data-activity-key="ticket"][data-ticket-pool="month"] .activity-shell { background-color:#59304f; background-image:url('/static/images/activity-ticket-bg-month-pc.webp'); }
 .ticket-experience { display:flex; flex-direction:column; width:min(1200px,calc(100% - 48px)); margin:0 auto; padding-bottom:0; overflow:visible; }
 .ticket-header { order:1; flex:none; position:relative; height:144px; padding:30px 0 0; align-items:flex-start; }
 .ticket-header h2 { position:absolute; top:72px; left:50%; transform:translateX(-50%); font-size:40px; line-height:48px; text-shadow:0 3px 16px #075caa66; white-space:nowrap; }
 .ticket-header__back { display:none; }
 .ticket-header__back-icon--mobile { display:none; }
 .ticket-header > .activity-desktop-breadcrumb { margin:2px 0 0; }
 .ticket-header button { margin-top:0; padding:7px 16px; border:1px solid #ffffff99; border-radius:18px; background:var(--ticket-rule-surface); font-size:13px; }
 .ticket-tabs { order:2; width:472px; height:52px; margin:0 auto; padding:5px; border-width:2px; }
 .ticket-native-selector { order:2; }
 .ticket-tabs button { font-size:17px; font-weight:600; }
 .ticket-tabs__indicator {
   box-sizing:border-box;
   left:5px;
   top:5px;
   bottom:5px;
   width:calc((100% - 10px)/3);
   overflow:hidden;
   border:1px solid #fff;
   border-radius:999px;
   background:linear-gradient(180deg,#e5005c 0%,#ff22ae 100%);
   box-shadow:inset 0 1px 18px #ffd9e8,inset 0 1px 4px #ffd9e8;
 }
 .ticket-tabs__indicator::after {
   position:absolute;
   inset:0;
   border-radius:inherit;
   background:url('/static/images/ticket-bets/button-texture.png') left top / 307.2px 307.2px repeat;
   mix-blend-mode:plus-lighter;
   opacity:.4;
   content:"";
   pointer-events:none;
 }
 .ticket-experience > .activity-assets-bar { order:3; margin-top:24px; }
 .ticket-stage { order:4; width:656px; height:514px; aspect-ratio:auto; margin:25px auto 0; }
 .ticket-stage__globe { width:78%; left:11%; top:-2%; }
 .ticket-stage__featured { left:clamp(65%,calc(50vw - 140px),90%); top:0; width:35%; }
 .ticket-stage__amount { top:72%; left:25%; width:50%; color:#004ebc; }
 .ticket-stage__amount span { font-family:"PingFang SC",sans-serif; font-size:18px; font-weight:500; line-height:27px; }
 .ticket-stage__amount strong { font-family:Inter,"PingFang SC",sans-serif; font-size:48px; font-weight:600; line-height:54px; letter-spacing:0; }
 .ticket-schedule { order:5; width:357px; height:32px; margin:-19px auto 0; font-size:14px; }
 .ticket-countdown { order:6; isolation:isolate; align-self:center; height:31px; margin-top:14px; padding:0 14px; border-radius:0; background:transparent; color:#6b0c07; font-size:17.008px; font-weight:500; line-height:33.813px; text-align:center; white-space:nowrap; }
 .ticket-countdown::before { content:""; position:absolute; z-index:-1; top:.718px; right:-4px; left:-4px; height:49.103px; background:url('/static/images/ticket-countdown-badge.svg') center / 100% 100% no-repeat; pointer-events:none; }
 .ticket-countdown::after { content:none; }
 /* Figma PC 45295:21278: preserve the exact 520 x 130.181 action group. */
 .ticket-actions { order:7; width:520px; height:130.181px; margin:-30px auto 62.756px; gap:27px; align-items:flex-end; justify-content:center; }
 .ticket-actions > button:not(.ticket-actions__invest),
 .ticket-actions > a { width:117px; height:107.244px; flex:0 0 117px; }
 .ticket-actions > button > img,
 .ticket-actions > a > img { z-index:2; top:-7.087px; left:12.913px; width:90.714px; height:90.714px; }
 .ticket-actions > button:not(.ticket-actions__invest) > span,
 .ticket-actions > a > span {
   z-index:auto;
   right:auto;
   bottom:0;
   left:0;
   width:117px;
   height:47px;
   padding:0 0 1px;
   border:0;
   border-radius:23.5px;
   overflow:hidden;
   background-color:transparent;
   background-image:url('/static/images/ticket-action-side.png?v=20260915-figma-1');
   background-position:-116.135px -21.988px;
   background-size:271.862px 90.621px;
   background-repeat:no-repeat;
   box-shadow:none;
   font-size:17.008px;
   font-weight:600;
   line-height:24px;
   text-shadow:0 1.628px 0 rgba(0,0,0,.2);
 }
 .ticket-actions > button:not(.ticket-actions__invest) > span::before,
 .ticket-actions > a > span::before {
   position:absolute;
   z-index:0;
   top:0;
   left:0;
   width:64.532px;
   height:47px;
   border-radius:23.5px 0 0 23.5px;
   background:url('/static/images/ticket-action-side.png?v=20260915-figma-1') -39.346px -21.992px / 271.862px 90.621px no-repeat;
   content:"";
   pointer-events:none;
 }
 .ticket-actions__label--mobile { display:none; }
 .ticket-actions__label--desktop { display:inline; }
 .ticket-actions .ticket-actions__invest {
   flex:0 0 232.038px;
   width:232.038px;
   max-width:none;
   height:76.536px;
   isolation:isolate;
   overflow:visible;
   padding:0;
   background:none;
 }
 .ticket-actions__invest::before,
 .ticket-actions__invest::after {
   position:absolute;
   z-index:0;
   top:0;
   height:76.536px;
   overflow:hidden;
   border-radius:38.268px;
   background-image:url('/static/images/ticket-bet-button.png?v=2');
   background-size:374.625px 124.875px;
   background-repeat:no-repeat;
   content:"";
   pointer-events:none;
 }
 .ticket-actions__invest::before { left:0; width:168.866px; background-position:-52.75px -24.169px; }
 .ticket-actions__invest::after { left:68.032px; width:164.006px; background-position:-158.443px -24.169px; }
 .ticket-actions__shine,
 .ticket-actions__aura { inset:5px 7px; }
 .ticket-actions__invest strong,
 .ticket-actions__invest small { position:absolute; left:0; width:100%; text-align:center; }
 .ticket-actions__invest strong { top:8.29px; font-size:24px; line-height:34px; }
 .ticket-actions__invest small { top:41.29px; font-size:16px; font-weight:400; line-height:22px; }
 body[data-activity-key="ticket"] .ticket-pool__message { order:8; width:min(820px,100%); margin:0 auto 20px; }
 .ticket-announcement { width:min(820px,100%); margin:0 auto 20px; border-radius:18px; padding:20px 24px 14px; }
 .ticket-announcement { order:9; }
 .ticket-announcement h3 { font-size:17px; }
 .ticket-announcement .ticket-pool__prize-value,
 .ticket-announcement .ticket-pool__prize-value b,
 .ticket-announcement .ticket-pool__prize-value small { font-size:14px; line-height:20px; }
 .ticket-dialog { order:20; width:min(680px,calc(100vw - 48px)); }
}
@media(prefers-reduced-motion:reduce) {
 .ticket-tabs__indicator { transition:none; }
 .ticket-stage__featured { transform:none !important; }
 .ticket-stage__featured:not(.ticket-video) > img { animation:none; }
 .ticket-actions > button > img { animation:none; }
 .ticket-video.is-video-ready .ticket-video__still { visibility:visible; }
 .ticket-video__frame,.ticket-actions__shine,.ticket-actions__aura { display:none; }
}

/* Prize identity comes from the current period snapshot, including custom artwork. */
.ticket-stage__featured [data-ticket-featured-image] { width:100%; height:100%; object-fit:contain; }
.ticket-stage__featured [data-ticket-featured-image][hidden] { display:none; }