html[data-variant]:not([data-variant=pantsy]) .ui-card{position:relative;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-btn);padding:var(--space-14) var(--space-16);border:0;background:var(--hatch-on-card),var(--surface-card);color:var(--text-on-card)}html[data-variant]:not([data-variant=pantsy]) .ui-card--compact{padding:var(--space-10) var(--space-14) var(--space-12)}html[data-variant]:not([data-variant=pantsy]) .ui-card--big{border-radius:var(--radius-ticket);padding:var(--space-28) var(--space-24)}html[data-variant]:not([data-variant=pantsy]) .ui-card--popup{border-radius:var(--radius-popup);padding:0;box-shadow:var(--elev-sheet) var(--shadow-sheet-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-card--field{padding:var(--space-16);background:var(--surface-field);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-card--share{--eyebrow-size: calc(var(--fs-rd-mono) / var(--text-scale));--fs-d-8: calc(var(--fs-rd-seat) / var(--text-scale));--fs-d-10: calc(var(--fs-rd-mono) / var(--text-scale));--fs-d-12: calc(var(--fs-rd-cell) / var(--text-scale));--fs-d-14: calc(var(--fs-rd-cta-sub) / var(--text-scale));--fs-d-16: calc(var(--fs-rd-hook-sub) / var(--text-scale));--fs-d-34: calc(var(--fs-rd-q-2p) / var(--text-scale));--fs-md: var(--fs-md-px);--fs-lg: var(--fs-lg-px);--fs-xl: var(--fs-xl-px);--fs-stamp: var(--fs-stamp-px);--fs-mega: var(--fs-mega-px);border-radius:var(--radius-ticket);padding:var(--space-28) var(--space-24)}html[data-variant]:not([data-variant=pantsy]) .ui-picture{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-btn);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 var(--space-10),transparent var(--space-10) var(--space-20)),var(--cream-dim);color:var(--role-recessed-ink);font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--eyebrow-track);text-transform:uppercase}html[data-variant]:not([data-variant=pantsy]) .ui-picture--dark{border-radius:var(--radius-md);border-color:color-mix(in srgb,var(--text-on-deep) 14%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--text-on-deep) 4.5%,transparent) 0 var(--space-10),transparent var(--space-10) var(--space-20)),var(--surface-raised-top);color:var(--role-supporting);letter-spacing:var(--track-caps)}html[data-variant]:not([data-variant=pantsy]) .ui-picture--tv{flex:1;min-height:0;aspect-ratio:auto;border-radius:var(--radius-btn);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 var(--space-12),transparent var(--space-12) var(--space-24)),var(--cream-dim);font-size:var(--fs-d-12)}html[data-variant]:not([data-variant=pantsy]) .ui-picture--tv.ui-picture--dark{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--text-on-deep) 4.5%,transparent) 0 var(--space-12),transparent var(--space-12) var(--space-24)),var(--surface-raised-top);font-size:var(--fs-d-16)}html[data-variant]:not([data-variant=pantsy]) .ui-picture-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}html[data-variant]:not([data-variant=pantsy]) button.ui-card{display:block;width:100%;font:inherit;text-align:inherit;cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-dashed{box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:none;border:var(--border-field) dashed color-mix(in srgb,var(--text-on-deep) 14%,transparent);color:var(--text-soft);font:inherit}html[data-variant]:not([data-variant=pantsy]) button.ui-dashed{cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-dashed--disc{flex:none;width:var(--pack-ring);height:var(--pack-ring);border-radius:var(--radius-pill);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--text-on-deep) 4.5%,transparent);color:var(--text-on-deep);font-size:var(--fs-lg);line-height:var(--lh-flat)}html[data-variant]:not([data-variant=pantsy]) .ui-dashed--tile{position:relative;overflow:hidden;justify-content:flex-start;gap:var(--space-10);min-height:calc(var(--space-40) + var(--space-24));padding:var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--surface-mid);color:var(--text-on-deep);text-align:left}html[data-variant]:not([data-variant=pantsy]) .ui-dashed--rule{display:block;box-sizing:content-box;height:0;border:0;border-top:var(--border-field) dashed var(--line-on-card-strong)}html[data-variant]:not([data-variant=pantsy]) .ui-panel{position:relative;box-sizing:border-box;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-btn);padding:var(--space-16);border:1px solid color-mix(in srgb,var(--text-on-deep) 7%,transparent);background:linear-gradient(160deg,var(--surface-raised-top) 0%,var(--surface-lo) 100%);box-shadow:var(--elev-3) color-mix(in srgb,var(--shadow-black) 45%,transparent);color:var(--text-on-deep)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--vote{padding:var(--space-24) var(--space-22)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--pick{border-radius:var(--radius-ticket);padding:var(--space-28) var(--space-24)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--hero{padding:var(--space-12) var(--space-18) var(--space-14);border-color:color-mix(in srgb,var(--surface-card) 27%,transparent);background:linear-gradient(135deg,var(--surface-raised-top) 0%,var(--surface-lo) 100%)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--hero-end{border-color:color-mix(in srgb,var(--text-on-deep) 30%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--group{border-radius:var(--radius-popup);padding:0;background:color-mix(in srgb,var(--text-on-deep) 4.5%,transparent);box-shadow:none}html[data-variant]:not([data-variant=pantsy]) .ui-panel--group>.ui-panel-row{padding:var(--space-14) var(--space-16)}html[data-variant]:not([data-variant=pantsy]) .ui-panel--group>.ui-panel-row+.ui-panel-row{border-top:1px solid color-mix(in srgb,var(--text-on-deep) 7%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-panel-body{flex:1 1 auto;min-height:0}html[data-variant]:not([data-variant=pantsy]) .ui-panel-foot{flex:0 0 auto;margin-top:var(--space-14);padding-top:var(--space-14);border-top:1px solid color-mix(in srgb,var(--text-on-deep) 14%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow{margin:0;font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--role-supporting)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow--tv{font-size:var(--fs-d-12)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow--dense{letter-spacing:var(--track-caps)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow--on-paper{color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow--count{flex-shrink:0;letter-spacing:var(--track-caps);font-variant-numeric:tabular-nums;white-space:nowrap}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);position:relative}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow-lead{display:flex;align-items:center;gap:var(--space-6);min-width:0;text-wrap:balance}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow-glyph{flex-shrink:0;font-family:var(--font-body);font-size:var(--eyebrow-size);font-weight:var(--fw-bold);line-height:var(--lh-flat);letter-spacing:var(--eyebrow-track);color:var(--role-supporting)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow-line--tv .ui-eyebrow-glyph{font-size:var(--fs-d-12)}html[data-variant]:not([data-variant=pantsy]) .ui-eyebrow-line--on-paper .ui-eyebrow-glyph{color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-embers,html[data-variant]:not([data-variant=pantsy]) .ui-burst{--ui-particle-unit: calc(var(--space-2) / 2);position:absolute;inset:0;overflow:hidden;pointer-events:none}html[data-variant]:not([data-variant=pantsy]) .ui-embers{--ui-ember-w: 6;--ui-ember-h: 10;--ui-ember-rise: 70;z-index:0}html[data-variant]:not([data-variant=pantsy]) .ui-panel>.ui-embers~*{position:relative;z-index:1}html[data-variant]:not([data-variant=pantsy]) .ui-embers--tv{--ui-ember-w: 8;--ui-ember-h: 13}html[data-variant]:not([data-variant=pantsy]) .ui-ember{position:absolute;width:calc(var(--ui-ember-w) * var(--ui-particle-unit));height:calc(var(--ui-ember-h) * var(--ui-particle-unit));border-radius:var(--radius-stamp);background:var(--ui-particle-ink, var(--primary));opacity:0;animation:ui-ember-rise var(--ui-particle-dur, 3s) var(--ease-out) var(--ui-particle-delay, 0s) infinite}@keyframes ui-ember-rise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:1}to{transform:translateY(calc(-1 * var(--ui-ember-rise) * var(--ui-particle-unit))) translate(calc(var(--ui-particle-x, 0) * var(--ui-particle-unit)));opacity:0}}html[data-variant]:not([data-variant=pantsy]) .ui-embers--clip{--ui-ember-w: 4;--ui-ember-h: 8}html[data-variant]:not([data-variant=pantsy]) .ui-embers--clip .ui-ember{top:calc(var(--ui-particle-top) * var(--ui-particle-unit));border-radius:var(--radius-pill);box-shadow:0 0 var(--space-8) var(--ui-particle-ink, var(--primary))}html[data-variant]:not([data-variant=pantsy]) .ui-flash{position:absolute;top:calc(var(--ui-particle-top) * var(--ui-particle-unit));left:calc(var(--ui-particle-left) * var(--ui-particle-unit));right:calc(var(--ui-particle-right) * var(--ui-particle-unit));width:var(--space-24);height:var(--space-24);border-radius:var(--radius-pill);background:var(--text-on-deep);box-shadow:0 0 var(--space-28) var(--space-8) var(--text-on-deep),0 0 calc(var(--space-40) + var(--space-10)) var(--space-14) color-mix(in srgb,var(--role-established) 67%,transparent);opacity:0;animation:ui-flash var(--ui-particle-dur, 4.2s) var(--ease-out) var(--ui-particle-delay, 0s) infinite}@keyframes ui-flash{0%,9%,to{opacity:0;transform:scale(.4)}2.5%{opacity:.95;transform:scale(1)}6%{opacity:.25}}html[data-variant]:not([data-variant=pantsy]) .ui-burst{overflow:visible;z-index:1}html[data-variant]:not([data-variant=pantsy]) .ui-burst:before{content:"";position:absolute;left:-10%;right:-10%;top:24%;height:52%;background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in srgb,var(--role-celebrate) 22%,transparent) 0%,transparent 70%)}html[data-variant]:not([data-variant=pantsy]) .ui-burst-piece{position:absolute;top:22%;left:50%;width:var(--space-6);height:var(--space-14);border-radius:var(--radius-stamp);background:var(--ui-particle-ink, var(--primary));opacity:0;animation:ui-burst var(--ui-particle-dur, 2.6s) cubic-bezier(.2,.7,.3,1) var(--ui-particle-delay, 0s) infinite}html[data-variant]:not([data-variant=pantsy]) .ui-burst-piece--dot{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill)}@keyframes ui-burst{0%{transform:translate(-50%) scale(.4) rotate(0);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(calc(-50% + var(--ui-particle-x, 0) * var(--ui-particle-unit)),calc((var(--ui-particle-y, 0) + 120) * var(--ui-particle-unit))) scale(1) rotate(480deg);opacity:0}}html[data-variant]:not([data-variant=pantsy]) .ui-card--celebrated{box-shadow:0 0 0 var(--border-stamp) color-mix(in srgb,var(--role-established) 55%,transparent),var(--elev-sheet) var(--shadow-sheet-ink)}@media(prefers-reduced-motion:reduce){html[data-variant]:not([data-variant=pantsy]) .ui-ember,html[data-variant]:not([data-variant=pantsy]) .ui-burst-piece{animation:none;opacity:0}}@media(prefers-reduced-motion:reduce){html[data-variant]:not([data-variant=pantsy]) .ui-flash{animation:none;opacity:0}}