.ticket{--tk-rgb:255 60 172;--tk-grad:linear-gradient(165deg, #ff3cac 0%, #ff875b 100%);--tk-ink:#2a0418;--tk-soft:#ffa3d8;--notch:9px;filter:drop-shadow(0 16px 22px #0000008c);min-height:172px;transition:transform .26s var(--ease-out);display:flex;position:relative;container-type:inline-size}.ticket[data-tone=acid]{--tk-rgb:245 239 40;--tk-grad:linear-gradient(165deg, #f5ef28 0%, #ff875b 100%);--tk-ink:#1b1a02;--tk-soft:#faf58a}.ticket[data-tone=aqua]{--tk-rgb:0 229 255;--tk-grad:linear-gradient(165deg, #00e5ff 0%, #4d8dff 100%);--tk-ink:#04222b;--tk-soft:#9df0ff}.ticket-main{background:linear-gradient(140deg, rgb(var(--tk-rgb) / 20%) 0%, rgb(var(--tk-rgb) / 5%) 46%, rgb(var(--tk-rgb) / 0%) 72%), linear-gradient(180deg, #10254d 0%, #0b1935 100%);min-width:0;-webkit-mask:radial-gradient(circle var(--notch) at 100% 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 100% 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 100% 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;border-radius:14px 0 0 14px;flex-direction:column;flex:1 1 0;gap:8px;padding:16px 18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff24,inset 1px 0 #ffffff12,inset 0 -1px #0000004d}.ticket-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--tk-soft);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.ticket-kind:before{content:"";background:rgb(var(--tk-rgb));width:7px;height:7px;box-shadow:0 0 9px -1px rgb(var(--tk-rgb));border-radius:999px}.ticket-title{font-family:var(--h-display);font-weight:var(--h-display-weight);text-transform:uppercase;font-size:clamp(18px,5.4vw,20px);line-height:1.08}.ticket-text{color:#f6f9ffd1;font-size:14px;line-height:1.5}.ticket-cta{letter-spacing:.03em;text-transform:uppercase;color:var(--tk-soft);align-self:flex-start;margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;line-height:1.4}.ticket-cta svg{vertical-align:-2px;transition:transform .2s var(--ease-out);margin-left:6px;display:inline-block}.ticket-art{width:168px;height:104px;display:none;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.ticket-art>div{width:69px;transition:transform .32s var(--ease-out);border-radius:8px;position:absolute;top:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff29,0 12px 20px -8px #000}.ticket-art>div:first-child{z-index:1;left:49px;transform:translateY(-5px)}.ticket-art>div:nth-child(2){left:0;transform:rotate(-9deg)}.ticket-art>div:nth-child(3){left:98px;transform:rotate(9deg)}.ticket-art[data-n="1"]>div{transform:rotate(4deg)}.ticket-art[data-n="2"]>div:first-child{left:22px;transform:rotate(-5deg)}.ticket-art[data-n="2"]>div:nth-child(2){left:78px;transform:rotate(8deg)}@container (min-width:540px){.ticket-art{display:block}.ticket-main[data-art=true]{padding-right:216px}}.ticket-stub{background:var(--tk-grad);width:112px;color:var(--tk-ink);text-align:center;transform-origin:0 100%;transition:transform .32s var(--ease-out);-webkit-mask:radial-gradient(circle var(--notch) at 0 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0, transparent 94%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, transparent 94%, #000 100%) bottom / 100% 51% no-repeat;border-radius:0 14px 14px 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:12px 8px 12px 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000038}.ticket-stub:before{content:"";border-left:2px dashed #00000057;position:absolute;top:15px;bottom:15px;left:0}.ticket-over,.ticket-under{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.25}.ticket-value{font-family:var(--h-display);font-weight:var(--h-display-weight);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.ticket-value[data-size=m]{font-size:25px}.ticket-value[data-size=s]{font-size:20px}.ticket-bars{opacity:.55;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 5px,#0000 5px 8px,currentColor 8px 11px,#0000 11px 13px);width:58px;height:14px;margin-top:8px}@media (min-width:768px){.ticket-main{padding:20px 22px}.ticket-title{font-size:22px}.ticket-stub{width:124px}.ticket-value{font-size:32px}.ticket-value[data-size=m]{font-size:27px}.ticket-value[data-size=s]{font-size:21px}}@media (hover:hover){.ticket:hover{transform:translateY(-3px)}.ticket:hover .ticket-stub{transform:translate(4px)rotate(2.4deg)}.ticket:hover .ticket-cta svg{transform:translate(4px)}.ticket:hover .ticket-art:not([data-n="2"])>div:nth-child(2){transform:rotate(-13deg)translate(-4px)}.ticket:hover .ticket-art>div:nth-child(3){transform:rotate(13deg)translate(4px)}}.ticket:focus-visible{border-radius:14px}.board{background:linear-gradient(#0d1f42 0%,#0a1731 100%);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 1px #ffffff1f,0 26px 50px -30px #000}.board-head{display:none}.deal-row{transition:background-color .2s var(--ease-out);grid-template-columns:28px 56px minmax(0,1fr) auto;grid-template-areas:"rank cover info info""meter meter meter meter""price price price action";align-items:center;gap:12px;padding:14px;display:grid;position:relative}.deal-row+.deal-row{border-top:1px solid #ffffff14}.deal-row[data-top=true]{background:linear-gradient(90deg,#ff3cac29 0%,#ff3cac00 46%)}@media (hover:hover){.deal-row:hover{background-color:#ffffff0a}}.deal-rank{font-family:var(--h-display);font-weight:var(--h-display-weight);color:var(--color-dim);font-variant-numeric:tabular-nums;grid-area:rank;font-size:18px;line-height:1}.deal-row[data-top=true] .deal-rank{color:var(--color-pink-soft);text-shadow:0 0 14px #ff3cacb3}.deal-cover{border-radius:8px;grid-area:cover;overflow:hidden;box-shadow:0 8px 16px -10px #000}.deal-info{grid-area:info;min-width:0}.deal-meter{grid-area:meter;min-width:0}.deal-price{white-space:nowrap;flex-direction:column;grid-area:price;align-items:flex-start;gap:2px;min-width:0;display:flex}.deal-action{z-index:2;grid-area:action;min-width:136px;position:relative}.deal-bar{background:repeating-linear-gradient(115deg,#ffffff17 0 2px,#0000 2px 7px),#040915b3;border-radius:999px;height:10px;margin-top:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.deal-bar>span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ff3cac 0%,#ff875b 60%,#ffd36b 100%);height:100%;display:block;box-shadow:0 0 14px -2px #ff3caccc}@media (min-width:768px){.deal-row{grid-template-columns:30px 64px minmax(0,1fr) 128px 152px;grid-template-areas:"rank cover info price action""rank cover meter meter meter";gap:10px 16px;padding:16px 18px}.deal-price{align-items:flex-end;gap:3px}}@media (min-width:1024px){.board-head,.deal-row{grid-template-columns:34px 64px minmax(0,1fr) minmax(190px,270px) 124px 160px;column-gap:20px}.board-head{letter-spacing:.08em;text-transform:uppercase;color:var(--color-dim);background:#04091573;border-bottom:1px solid #ffffff1a;align-items:center;padding:12px 22px;font-size:11px;font-weight:700;display:grid}.deal-row{grid-template-areas:"rank cover info meter price action";padding:14px 22px}}@media (prefers-reduced-motion:no-preference){.deal-bar>span{animation:deal-grow .9s var(--ease-out) .12s backwards}@keyframes deal-grow{0%{transform:scaleX(.04)}}}@media (prefers-reduced-motion:reduce){.ticket,.ticket-stub,.ticket-cta svg,.ticket-art>div{transition:none}.ticket,.ticket-stub,.ticket-cta svg{transform:none!important}}