@font-face{font-family:Archivo;src:url(/fonts/Archivo-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(/fonts/Archivo-latin-ext.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Martian Mono;src:url(/fonts/MartianMono-latin.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;src:url(/fonts/MartianMono-latin-ext.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{color-scheme:dark;--ground: oklch(17% .01 96);--ground-2: oklch(21% .012 96);--ground-3: oklch(26% .013 96);--edge: oklch(32% .014 96);--tube: oklch(96% .014 148);--tube-2: oklch(80% .013 148);--tube-3: oklch(64% .012 148);--mat: oklch(40% .105 258);--mat-deep: color-mix(in oklch, var(--mat) 72%, black);--mat-lift: color-mix(in oklch, var(--mat) 82%, var(--tube));--mat-text: color-mix(in oklch, var(--tube) 88%, var(--mat));--mat-text-2: color-mix(in oklch, var(--tube) 58%, var(--mat));--mat-rule: color-mix(in oklch, var(--mat) 62%, var(--tube));--paper: oklch(95.5% .012 92);--paper-edge: oklch(86% .014 92);--slip: oklch(93% .026 98);--slip-rule: oklch(80% .055 205);--receipt: oklch(91% .014 88);--ink: oklch(21% .016 264);--ink-2: oklch(42% .014 264);--ink-3: oklch(60% .012 264);--pip-red: oklch(52% .192 27);--pip-black: oklch(20% .014 264);--foil-lo: oklch(52% .008 250);--foil: oklch(72% .009 250);--foil-hi: oklch(88% .01 250);--flag: oklch(58% .205 28);--chrome: oklch(84% .168 88);--stamp: oklch(62% .145 248);--u: 8px;--gut: calc(var(--u) * 2);--card-w: 62px;--card-h: calc(var(--card-w) * 1.397);--card-r: calc(var(--card-w) * .075);--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--sans: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lift-1: 0 1px 2px oklch(0% 0 0 / .3), 0 2px 6px oklch(0% 0 0 / .18);--lift-2: 0 2px 4px oklch(0% 0 0 / .32), 0 6px 16px oklch(0% 0 0 / .22);--lift-3: 0 4px 8px oklch(0% 0 0 / .34), 0 14px 34px oklch(0% 0 0 / .26);--ease: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--tick: .18s;--beat: .32s;--deal: .42s}:root[data-light=day]{color-scheme:light;--ground: oklch(88% .008 96);--ground-2: oklch(92% .008 96);--ground-3: oklch(96% .006 96);--edge: oklch(78% .012 96);--tube: oklch(24% .014 148);--tube-2: oklch(40% .013 148);--tube-3: oklch(54% .012 148);--mat-text: color-mix(in oklch, white 92%, var(--mat));--mat-text-2: color-mix(in oklch, white 66%, var(--mat))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--tube);font-family:var(--sans);font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}::selection{background:var(--chrome);color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.mat{position:relative;background:var(--mat);isolation:isolate}.mat:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 8%,color-mix(in oklch,var(--tube) 13%,transparent),transparent 62%),radial-gradient(100% 100% at 50% 120%,color-mix(in oklch,black 26%,transparent),transparent 58%)}.mat>*{position:relative;z-index:1}.mat--edged:after{content:"";position:absolute;inset:calc(var(--u) * 1.25);z-index:0;border:1px dashed color-mix(in oklch,var(--tube) 22%,transparent);border-radius:var(--r-md);pointer-events:none}.card{position:relative;flex:none;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);background:var(--paper);color:var(--pip-black);box-shadow:var(--lift-1);user-select:none;padding:0;border:0;transition:box-shadow var(--beat) var(--ease);will-change:transform}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--paper-edge) 70%,transparent);pointer-events:none}.card--red{color:var(--pip-red)}.card--dim{opacity:.45;filter:saturate(.6)}.card--playable{cursor:pointer}.card--playable:hover{box-shadow:var(--lift-2)}.card--selected{box-shadow:var(--lift-3);z-index:2}.card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.82;font-weight:800;font-stretch:74%;letter-spacing:-.03em;font-size:calc(var(--card-w) * .26)}.card__corner--tl{top:4%;left:5%}.card__corner--br{bottom:4%;right:5%;transform:rotate(180deg)}.card__corner svg{width:calc(var(--card-w) * .15);height:calc(var(--card-w) * .15);margin-top:calc(var(--card-w) * .03)}.card__face{position:absolute;inset:0}.card__face svg{width:calc(var(--card-w) * .15);height:calc(var(--card-w) * .15);display:block}.card__court{position:absolute;inset:calc(var(--card-w) * .22) calc(var(--card-w) * .16);display:grid;place-items:center;border:1px solid color-mix(in oklch,currentColor 22%,transparent);border-radius:calc(var(--card-r) * .6)}.card__court span{font-size:calc(var(--card-w) * .44);font-weight:800;font-stretch:78%;letter-spacing:-.04em;line-height:1}.card__court svg{position:absolute;width:calc(var(--card-w) * .9);height:calc(var(--card-w) * .9);opacity:.09}.card--back{background:repeating-linear-gradient(45deg,color-mix(in oklch,var(--stamp) 92%,black) 0 3px,transparent 3px 6px),repeating-linear-gradient(-45deg,color-mix(in oklch,var(--stamp) 92%,black) 0 3px,transparent 3px 6px),color-mix(in oklch,var(--stamp) 68%,black);color:var(--tube)}.card--back:before{content:"";position:absolute;inset:calc(var(--card-w) * .07);border:1px solid color-mix(in oklch,var(--tube) 34%,transparent);border-radius:calc(var(--card-r) * .55)}.card__tag{position:absolute;top:calc(var(--card-w) * -.1);right:calc(var(--card-w) * -.06);z-index:2;padding:1px 5px;border-radius:var(--r-xs);background:var(--chrome);color:var(--ink);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.04em;box-shadow:var(--lift-1)}.card__tag--hot{background:var(--flag);color:var(--tube)}.foil{position:absolute;inset:0;z-index:3;border-radius:inherit;overflow:hidden;cursor:grab;touch-action:none;background:linear-gradient(104deg,var(--foil-lo) 0%,var(--foil) 18%,var(--foil-hi) 32%,var(--foil) 44%,var(--foil-lo) 58%,var(--foil) 76%,var(--foil-hi) 92%,var(--foil-lo) 100%);--px: 50%;--py: 50%;--pr: 0px;-webkit-mask-image:radial-gradient(circle var(--pr) at var(--px) var(--py),transparent 0 96%,black 100%);mask-image:radial-gradient(circle var(--pr) at var(--px) var(--py),transparent 0 96%,black 100%);transition:--pr var(--tick) linear}.foil:active{cursor:grabbing}.foil:after{content:"SCRATCH";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.22em;color:color-mix(in oklch,var(--foil-lo) 70%,black);transform:rotate(-32deg);pointer-events:none}.curtain{position:absolute;inset:0;z-index:5;display:grid;place-items:center;gap:var(--u);border-radius:var(--r-md);background:repeating-linear-gradient(115deg,var(--foil-lo) 0 10px,var(--foil) 10px 20px,var(--foil-hi) 20px 24px,var(--foil) 24px 34px);box-shadow:inset 0 0 0 1px color-mix(in oklch,black 30%,transparent),var(--lift-2);text-align:center;cursor:pointer;touch-action:none;user-select:none}.curtain strong{font-size:15px;font-weight:800;font-stretch:84%;letter-spacing:.02em;color:color-mix(in oklch,var(--foil-lo) 72%,black)}.curtain span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:color-mix(in oklch,var(--foil-lo) 60%,black)}.slip{background:var(--slip);color:var(--ink);border-radius:var(--r-sm);box-shadow:var(--lift-2);background-image:repeating-linear-gradient(to right,color-mix(in oklch,var(--slip-rule) 46%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(to bottom,color-mix(in oklch,var(--slip-rule) 30%,transparent) 0 1px,transparent 1px 22px)}.slip__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--u);padding:calc(var(--u) * 1.25) calc(var(--u) * 1.5) calc(var(--u) * .75);border-bottom:1px solid color-mix(in oklch,var(--ink) 22%,transparent)}.slip__title{font-size:17px;font-weight:800;font-stretch:86%;letter-spacing:-.015em;text-wrap:balance}.slip__help{padding:calc(var(--u) * .75) calc(var(--u) * 1.5) 0;font-size:13px;color:var(--ink-2);text-wrap:pretty}.slip__body{padding:calc(var(--u) * 1.25) calc(var(--u) * 1.5) calc(var(--u) * 1.5)}.mark{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 1.25);width:100%;padding:calc(var(--u) * 1.15) calc(var(--u) * 1.25);border:1px solid color-mix(in oklch,var(--ink) 30%,transparent);border-radius:var(--r-xs);background:color-mix(in oklch,var(--slip) 70%,white);color:var(--ink);text-align:left;font-size:15px;font-weight:600;transition:background var(--tick) var(--ease),border-color var(--tick) var(--ease),transform var(--tick) var(--ease)}.mark+.mark{margin-top:calc(var(--u) * .75)}.mark:hover:not(:disabled){background:#fff;border-color:var(--ink-2)}.mark:active:not(:disabled){transform:translateY(1px)}.mark:disabled{opacity:.4}.mark__box{flex:none;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--ink-2);border-radius:2px;background:#fff}.mark__box svg{width:14px;height:14px;opacity:0;transition:opacity var(--tick) var(--ease)}.mark[aria-pressed=true] .mark__box svg{opacity:1}.mark[aria-pressed=true]{background:#fff;border-color:var(--ink)}.mark__label{flex:1;min-width:0}.mark__help{display:block;font-size:12px;font-weight:500;color:var(--ink-3)}.mark--hot .mark__box{border-color:var(--flag)}.mark--hot .mark__label{color:color-mix(in oklch,var(--flag) 76%,var(--ink))}.marks--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:calc(var(--u) * .75)}.marks--grid .mark+.mark{margin-top:0}.pricecard{position:relative;display:grid;gap:2px;min-width:0;padding:calc(var(--u) * .75) calc(var(--u) * 1.1);border-radius:var(--r-xs);background:linear-gradient(180deg,var(--paper) 0%,color-mix(in oklch,var(--paper) 88%,var(--ink)) 100%);color:var(--ink);box-shadow:var(--lift-1);transition:transform var(--beat) var(--ease),box-shadow var(--beat) var(--ease)}.pricecard--active{background:linear-gradient(180deg,var(--chrome) 0%,color-mix(in oklch,var(--chrome) 82%,var(--ink)) 100%);box-shadow:var(--lift-2);transform:translateY(-2px)}.pricecard--done{opacity:.55}.pricecard--done .pricecard__name{text-decoration:line-through;text-decoration-thickness:1.5px}.pricecard--you:after{content:"";position:absolute;inset:-2px;border:1.5px solid var(--chrome);border-radius:calc(var(--r-xs) + 2px);pointer-events:none}.pricecard__name{font-size:13px;font-weight:800;font-stretch:84%;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricecard__note{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.01em;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricecard__score{font-family:var(--mono);font-size:15px;font-weight:700;line-height:1.1}.pricecard__flag{position:absolute;top:-6px;right:-4px;padding:0 4px;border-radius:2px;background:var(--flag);color:var(--tube);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.06em}.receipt{display:flex;flex-direction:column;background:var(--receipt);color:var(--ink);font-family:var(--mono);font-size:10.5px;line-height:1.7;letter-spacing:-.01em;box-shadow:var(--lift-2);-webkit-mask-image:radial-gradient(4px 4px at 6px 0,transparent 0 4px,black 4px) 0 0 / 12px 100% repeat-x,linear-gradient(black,black);-webkit-mask-composite:source-in;mask-image:radial-gradient(4px 4px at 6px 0,transparent 0 4px,black 4px) 0 0 / 12px 100% repeat-x,linear-gradient(#000,#000);mask-composite:intersect}.receipt__head{padding:calc(var(--u) * 1.5) var(--gut) calc(var(--u) * .5);border-bottom:1px dashed color-mix(in oklch,var(--ink) 34%,transparent);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.receipt__lines{flex:1;min-height:0;overflow-y:auto;padding:calc(var(--u) * .75) var(--gut) var(--gut);scrollbar-width:thin}.receipt__line{display:block;padding:1px 0;text-wrap:pretty}.receipt__line--loud{font-weight:700;color:var(--ink);background:color-mix(in oklch,var(--chrome) 34%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--chrome) 34%,transparent);border-radius:1px}.receipt__line--new{animation:print var(--beat) var(--ease) both}@keyframes print{0%{opacity:0;transform:translateY(-5px)}60%{opacity:1;transform:translateY(1px)}to{opacity:1;transform:none}}.receipt__foot{padding:calc(var(--u) * .75) var(--gut) calc(var(--u) * 1.5);border-top:1px dashed color-mix(in oklch,var(--ink) 34%,transparent);font-size:9px;letter-spacing:.06em;color:var(--ink-3);word-break:break-all}.ticket{position:relative;display:grid;gap:calc(var(--u) * .25);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);background:var(--slip);color:var(--ink);border-radius:var(--r-xs);box-shadow:var(--lift-2);-webkit-mask-image:radial-gradient(3.5px 3.5px at 0 6px,transparent 0 3.5px,black 3.5px) 0 0 / 100% 12px repeat-y,radial-gradient(3.5px 3.5px at 100% 6px,transparent 0 3.5px,black 3.5px) 100% 0 / 100% 12px repeat-y,linear-gradient(black,black);-webkit-mask-composite:source-in;mask-image:radial-gradient(3.5px 3.5px at 0 6px,transparent 0 3.5px,black 3.5px) 0 0 / 100% 12px repeat-y,radial-gradient(3.5px 3.5px at 100% 6px,transparent 0 3.5px,black 3.5px) 100% 0 / 100% 12px repeat-y,linear-gradient(#000,#000);mask-composite:intersect}.ticket__label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.ticket__code{font-family:var(--mono);font-size:clamp(30px,8vw,54px);font-weight:800;letter-spacing:.1em;line-height:1;color:var(--ink)}.ticket__where{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ink-2);word-break:break-all}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * .75);min-height:44px;padding:0 calc(var(--u) * 2);border:0;border-radius:var(--r-xs);background:var(--paper);color:var(--ink);font-size:15px;font-weight:800;font-stretch:86%;letter-spacing:.005em;box-shadow:var(--lift-1);transition:transform var(--tick) var(--ease),box-shadow var(--tick) var(--ease),background var(--tick) var(--ease)}.btn:hover:not(:disabled){box-shadow:var(--lift-2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--lift-1)}.btn:disabled{opacity:.42;box-shadow:none}.btn--go{background:var(--chrome)}.btn--hot{background:var(--flag);color:var(--tube)}.btn--quiet{background:color-mix(in oklch,var(--tube) 12%,transparent);color:var(--tube-2);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tube) 22%,transparent)}.btn--quiet:hover:not(:disabled){background:color-mix(in oklch,var(--tube) 20%,transparent);color:var(--tube);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tube) 34%,transparent)}.btn--sm{min-height:34px;padding:0 calc(var(--u) * 1.25);font-size:13px}.btn--wide{width:100%}.field{width:100%;min-height:48px;padding:0 calc(var(--u) * 1.5);border:0;border-radius:var(--r-xs);background:var(--slip);color:var(--ink);font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:.04em;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 26%,transparent)}.field::placeholder{color:var(--ink-3)}.field--code{font-size:clamp(26px,9vw,40px);letter-spacing:.24em;text-align:center;text-transform:uppercase;min-height:72px;font-weight:800}.stamp{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tube-3)}.zone{display:grid;gap:calc(var(--u) * .75);justify-items:center;align-content:start}.zone__label{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mat-text-2);text-align:center}.zone--accent .zone__label{color:var(--chrome)}.zone__cards{display:flex;gap:calc(var(--u) * .75);align-items:flex-start}.zone__cards--stack{display:grid}.zone__cards--stack>*{grid-area:1 / 1}.zone__cards--stack>*:nth-child(2){transform:translate(3px,3px)}.zone__cards--grid{display:grid;gap:calc(var(--u) * .6);justify-content:center}.zone__cards--fan{display:flex}.zone__cards--fan>*+*{margin-left:calc(var(--card-w) * -.55)}.zone__row{display:flex;gap:calc(var(--u) * .6);justify-content:center}.zone__badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--mat-text-2)}.zone__empty{display:grid;place-items:center;width:var(--card-w);height:var(--card-h);border:1px dashed color-mix(in oklch,var(--tube) 26%,transparent);border-radius:var(--card-r);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-align:center;color:var(--mat-text-2);padding:4px}.zone--wide .zone__empty{width:auto;min-width:calc(var(--card-w) * 2);height:calc(var(--card-h) * .5)}@keyframes land{0%{opacity:0;transform:translate3d(0,-22px,0)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.receipt__line--new{animation:none}}.is-alarm{--mat: color-mix(in oklch, var(--mat) 62%, oklch(50% .19 28))}.is-alarm .zone--accent .zone__label{color:var(--tube)}.card--mini{--card-w: 30px}.card--mini .card__face,.card--mini .card__court,.card--mini .card__corner--br{display:none}.card--mini .card__corner--tl{inset:0;display:grid;place-content:center;gap:1px;font-size:calc(var(--card-w) * .44)}.card--mini .card__corner--tl svg{width:calc(var(--card-w) * .3);height:calc(var(--card-w) * .3)}.card--mini .card__tag{display:none}.card__ace{position:absolute;inset:0;display:grid;place-items:center}.card__ace svg{width:46%;height:46%}.app{display:flex;flex-direction:column;min-height:100%;min-height:100dvh}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:var(--gut)}.front{flex:1;display:flex;flex-direction:column;background:var(--ground)}.shutter{height:calc(var(--u) * 3);background:repeating-linear-gradient(to bottom,var(--ground-3) 0 3px,var(--ground-2) 3px 5px,var(--edge) 5px 6px,var(--ground-2) 6px 8px);border-bottom:1px solid var(--edge);box-shadow:0 6px 18px #0006}.front__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gut);flex-wrap:wrap;padding-block:calc(var(--u) * 3) calc(var(--u) * 2)}.wordmark{display:inline-flex;align-items:baseline;gap:calc(var(--u) * .75);font-size:clamp(30px,6vw,42px);font-weight:900;font-stretch:112%;letter-spacing:-.035em;line-height:.9;color:var(--tube)}.wordmark em{font-style:normal;font-family:var(--mono);font-size:.34em;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tube-3)}.front__lede{max-width:62ch;padding-block-end:calc(var(--u) * 3);font-size:clamp(19px,2.6vw,25px);font-weight:500;line-height:1.32;letter-spacing:-.015em;color:var(--tube-2);text-wrap:pretty}.front__lede strong{color:var(--tube);font-weight:700}.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--gut);padding-block-end:calc(var(--u) * 4)}.door{display:grid;align-content:start;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 2.5);border-radius:var(--r-sm);background:var(--ground-2);box-shadow:inset 0 0 0 1px var(--edge),var(--lift-2)}.door--lit{background:var(--slip);color:var(--ink);background-image:repeating-linear-gradient(to right,color-mix(in oklch,var(--slip-rule) 40%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(to bottom,color-mix(in oklch,var(--slip-rule) 26%,transparent) 0 1px,transparent 1px 22px)}.door h2{font-size:22px;font-weight:800;font-stretch:88%;letter-spacing:-.02em}.door p{font-size:14px;color:var(--tube-3);text-wrap:pretty}.door--lit p{color:var(--ink-2)}.door--lit .stamp{color:var(--ink-3)}.modes{display:grid;gap:calc(var(--u) * .75)}.rack{padding-block-end:calc(var(--u) * 5)}.rack__strip{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:var(--gut);flex-wrap:wrap;padding-block-end:calc(var(--u) * 1.5);margin-block-end:calc(var(--u) * 2);border-bottom:2px solid var(--edge)}.rack__strip h2{font-size:clamp(22px,3.6vw,30px);font-weight:900;font-stretch:104%;letter-spacing:-.03em}.rack__filters{display:flex;gap:calc(var(--u) * .5);flex-wrap:wrap}.rack__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:calc(var(--u) * 1.5)}.label{position:relative;display:grid;align-content:start;gap:calc(var(--u) * .75);padding:calc(var(--u) * 1.75) calc(var(--u) * 1.75) calc(var(--u) * 1.5);border-radius:var(--r-xs);background:var(--mat);color:var(--mat-text);text-align:left;box-shadow:var(--lift-2);overflow:hidden;transition:transform var(--beat) var(--ease),box-shadow var(--beat) var(--ease)}.label:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 50% -10%,color-mix(in oklch,var(--tube) 16%,transparent),transparent 60%);pointer-events:none}.label:after{content:"";position:absolute;top:calc(var(--u) * .75);left:50%;width:26px;height:9px;margin-left:-13px;border-radius:999px;background:var(--ground);box-shadow:inset 0 1px 2px #0009}.label:hover{transform:translateY(-3px);box-shadow:var(--lift-3)}.label>*{position:relative}.label__name{padding-block-start:calc(var(--u) * .75);font-size:21px;font-weight:900;font-stretch:96%;letter-spacing:-.028em;line-height:1.05}.label__tag{font-size:13.5px;line-height:1.35;color:var(--mat-text-2);text-wrap:pretty}.label__facts{display:flex;gap:calc(var(--u) * 1.25);flex-wrap:wrap;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mat-text-2)}.label__price{position:absolute;top:calc(var(--u) * 1.25);right:calc(var(--u) * 1.25);padding:1px 5px;border-radius:2px;background:var(--chrome);color:var(--ink);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.06em}.lobby{flex:1;display:grid;gap:calc(var(--u) * 3);align-content:start;padding-block:calc(var(--u) * 3) calc(var(--u) * 5)}.lobby__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gut);align-items:start}.lobby__seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:calc(var(--u) * 1.25)}.lobby__panel{display:grid;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 2);border-radius:var(--r-sm);background:var(--ground-2);box-shadow:inset 0 0 0 1px var(--edge)}.lobby__opts{display:grid;gap:calc(var(--u) * 1.5)}.opt{display:grid;gap:calc(var(--u) * .75)}.opt__row{display:flex;gap:calc(var(--u) * .5);flex-wrap:wrap}.chip{min-height:36px;padding:0 calc(var(--u) * 1.25);border:0;border-radius:var(--r-xs);background:color-mix(in oklch,var(--tube) 10%,transparent);color:var(--tube-2);font-size:13px;font-weight:700;font-stretch:90%;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tube) 18%,transparent);transition:background var(--tick) var(--ease),color var(--tick) var(--ease)}.chip:hover{background:color-mix(in oklch,var(--tube) 18%,transparent);color:var(--tube)}.chip[aria-pressed=true]{background:var(--chrome);color:var(--ink);box-shadow:none}.table{flex:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,21vw,280px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head   receipt" "mat    receipt" "rail   receipt";height:100dvh;max-height:100dvh;overflow:hidden}.table__head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:var(--gut);padding:calc(var(--u) * 1.5) var(--gut);background:var(--ground-2);border-bottom:1px solid var(--edge)}.table__title{display:grid;gap:1px;min-width:0}.table__headline{font-size:clamp(19px,2.4vw,29px);font-weight:800;font-stretch:92%;letter-spacing:-.028em;line-height:1.1;text-wrap:balance}.table__sub{font-size:14px;color:var(--tube-3)}.table__mat{grid-area:mat;display:grid;place-content:center;align-content:center;gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 3) var(--gut);min-height:0;overflow:auto}.table__zones{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3);justify-content:center;align-items:flex-start}.table__rail{grid-area:rail;display:flex;gap:calc(var(--u) * 1.25);align-items:stretch;padding:calc(var(--u) * 1.5) var(--gut);overflow-x:auto;background:var(--ground-2);border-top:1px solid var(--edge)}.table__rail .pricecard{flex:1 1 130px;max-width:220px}.table__receipt{grid-area:receipt;display:flex;min-height:0}.table__receipt .receipt{flex:1;min-height:0}.seatcards{display:flex;gap:3px;margin-top:4px}.seatcards .card{--card-w: 30px}.hand{flex:1;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;overflow:hidden}.hand__head{display:grid;gap:calc(var(--u) * .5);padding:calc(var(--u) * 1.5) var(--gut) var(--u);padding-top:max(calc(var(--u) * 1.5),env(safe-area-inset-top))}.hand__headline{font-size:21px;font-weight:800;font-stretch:90%;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}.hand__sub{font-size:13.5px;color:var(--mat-text-2);text-wrap:pretty}.hand__seats{display:flex;align-items:start;gap:calc(var(--u) * .75);padding:0 var(--gut) var(--u);overflow-x:auto;scrollbar-width:none}.hand__seats::-webkit-scrollbar{display:none}.hand__seats .pricecard{flex:none;min-width:104px;max-width:200px}.hand__mat{min-height:0;overflow-y:auto;padding:var(--u) var(--gut) calc(var(--u) * 2);display:grid;gap:calc(var(--u) * 2);align-content:center;justify-items:center}.hand__foot{position:relative;display:grid;gap:var(--u);padding:var(--u) var(--gut);padding-bottom:max(var(--gut),env(safe-area-inset-bottom));background:var(--ground);box-shadow:0 -10px 30px #0000005c}.fan{position:relative;display:flex;justify-content:center;padding-block:calc(var(--u) * 2) calc(var(--u) * .5);min-height:calc(var(--card-h) + var(--u) * 2.5);overflow-x:auto;overflow-y:visible;scrollbar-width:none}.fan::-webkit-scrollbar{display:none}.fan__inner{display:flex;padding-inline:var(--gut)}.fan__inner>*+*{margin-left:var(--fan-overlap, calc(var(--card-w) * -.3))}.fan .card{transform-origin:50% 120%}.tray{display:flex;gap:calc(var(--u) * .75);align-items:center}.tray .btn{flex:1}.bar{display:flex;align-items:center;gap:var(--u);justify-content:space-between;flex-wrap:wrap}.row{display:flex;gap:var(--u);align-items:center;flex-wrap:wrap}.col{display:grid;gap:var(--u)}.grow{flex:1;min-width:0}.muted{color:var(--tube-3)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toast{position:fixed;left:50%;bottom:calc(var(--u) * 3);transform:translate(-50%);z-index:60;max-width:min(440px,calc(100vw - var(--gut) * 2));padding:calc(var(--u) * 1.25) calc(var(--u) * 2);border-radius:var(--r-xs);background:var(--flag);color:var(--tube);font-size:14px;font-weight:600;box-shadow:var(--lift-3);animation:land var(--beat) var(--ease) both}.over{display:grid;gap:var(--u);padding:calc(var(--u) * 2);border-radius:var(--r-sm);background:var(--slip);color:var(--ink);box-shadow:var(--lift-3);text-align:center}.over__headline{font-size:clamp(21px,3.4vw,30px);font-weight:900;font-stretch:96%;letter-spacing:-.03em;text-wrap:balance}.over__list{display:grid;gap:2px;font-family:var(--mono);font-size:12px}.over__row{display:flex;justify-content:space-between;gap:var(--u);padding:3px 0;border-bottom:1px dashed color-mix(in oklch,var(--ink) 24%,transparent)}@media(max-width:860px){.table{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "rail" "mat" "receipt"}.table__receipt{max-height:34vh}.table__mat{padding-block:calc(var(--u) * 2)}.table__zones{gap:calc(var(--u) * 2)}.lobby__top{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){:root{--card-w: 52px}.front__head{padding-block:calc(var(--u) * 2) calc(var(--u) * 1.5)}.door{padding:calc(var(--u) * 2)}.rack__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media(min-width:900px){.hand__mat{--card-w: 86px}.hand__foot{--card-w: 78px}.hand__seats{padding-inline:var(--gut)}.hand__seats .pricecard{min-width:148px}.hand__head{padding-inline:var(--gut)}.hand__foot>.slip,.hand__foot>.fan{max-width:900px;margin-inline:auto;width:100%}}@media(min-width:1100px){.table{--card-w: 78px}}
