@layer components{.seat-input{border:1.5px solid color-mix(in srgb, var(--color-bone) 22%, transparent);background:color-mix(in srgb, var(--color-ink) 70%, black);width:100%;color:var(--color-bone);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:1rem;outline:none;padding:.85rem 1rem;font-size:clamp(1.3rem,6vw,1.7rem);font-weight:800;transition:border-color .2s,box-shadow .2s}.seat-input::placeholder{color:color-mix(in srgb, var(--color-bone) 22%, transparent)}.seat-input:focus-visible{border-color:var(--color-lime);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-lime) 18%, transparent)}.seat-input[aria-invalid=true]{border-color:#ff8a7a}.seat-chip{background:var(--color-lime);color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-lime) 25%, transparent), 0 10px 34px color-mix(in srgb, var(--color-lime) 22%, transparent);border-radius:1.1rem;place-items:center;padding:.12em .42em .04em;line-height:1;display:inline-grid}.seat-tab{border:1px solid color-mix(in srgb, var(--color-bone) 14%, transparent);background:color-mix(in srgb, var(--color-bone) 3%, transparent);color:var(--color-bone);border-radius:1rem;padding:.7rem .4rem;transition:background-color .2s,border-color .2s,color .2s}.seat-tab:hover{border-color:color-mix(in srgb, var(--color-bone) 32%, transparent)}.seat-tab:focus-visible{outline:2px solid var(--color-lime);outline-offset:3px}.seat-tab[aria-selected=true]{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-ink);box-shadow:0 0 26px color-mix(in srgb, var(--color-lime) 28%, transparent)}.seat-swatch{vertical-align:-.12rem;border-radius:.22rem;width:.85rem;height:.85rem;display:inline-block}.seat-floor{--desk:clamp(4.4rem, 21vw, 7.2rem);--tag:clamp(2.3rem, 10vw, 2.9rem);--walk:clamp(2.2rem, 11vw, 5.5rem);border:1px solid color-mix(in srgb, var(--color-lime) 40%, transparent);box-shadow:inset 0 0 0 7px #0a0a09, inset 0 0 0 8px #ffffff0a, inset 0 0 90px #000000b8, 0 0 50px color-mix(in srgb, var(--color-lime) 7%, transparent);background:radial-gradient(110% 55% at 50% -8%,#ffffff0d,#0000 62%),linear-gradient(#ffffff07 1px,#0000 1px) 50% 0/34px 34px,linear-gradient(90deg,#ffffff07 1px,#0000 1px) 50% 0/34px 34px,#0f0f0e;border-radius:1.9rem 2.5rem 2.1rem 2.7rem/2.5rem 1.9rem 2.7rem 2.1rem;gap:clamp(.3rem,1.4vw,.7rem);padding:clamp(1.7rem,7vw,2.3rem) clamp(.5rem,2.6vw,1.4rem) clamp(1rem,4vw,1.6rem);display:grid;position:relative}.seat-row{z-index:1;grid-template-columns:var(--tag) var(--desk) var(--walk) var(--desk) var(--tag);justify-content:center;align-items:center;column-gap:clamp(.25rem,1.2vw,.65rem);display:grid;position:relative}.seat-walk{width:var(--walk);margin-left:calc(var(--walk) / -2);background:linear-gradient(90deg,#00000080,#0000 22% 78%,#00000080),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 30px,#161614;position:absolute;top:8px;bottom:8px;left:50%;box-shadow:inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d}.seat-walk:after{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--color-lime) 30%, transparent) 0 10px, transparent 10px 24px);opacity:.7;width:2px;margin-left:-1px;position:absolute;top:1.2rem;bottom:1.2rem;left:50%}.seat-lamp{z-index:0;background:#ffd88a;border-radius:3px;width:5px;height:16px;position:absolute;box-shadow:0 0 8px 2px #ffc46499,0 0 46px 16px #ffaa461f}.seat-lamp[data-side=L]{left:3px}.seat-lamp[data-side=R]{right:3px}.seat-web{z-index:0;width:clamp(2.6rem,11vw,4rem);color:color-mix(in srgb, var(--color-bone) 22%, transparent);pointer-events:none;position:absolute}.seat-web[data-corner=tr]{top:8px;right:8px}.seat-web[data-corner=bl]{width:2.2rem;bottom:8px;left:8px;rotate:180deg}@media (max-width:63.99rem){.seat-web[data-corner=bl]{display:none}}.seat-tag{font-family:var(--font-mono);letter-spacing:.08em;color:color-mix(in srgb, var(--color-bone) 62%, transparent);white-space:nowrap;font-size:clamp(.64rem,2.6vw,.78rem)}.seat-tag[data-side=L]{text-align:right}.seat-tag[data-mine]{color:var(--color-lime)}.seat-desk{width:var(--desk);position:relative}.seat-art{width:100%;height:auto;display:block;overflow:visible}.seat-desk[data-state=mine] .seat-art{filter:drop-shadow(0 0 14px #d8ff2880)}.seat-bubble{z-index:2;white-space:nowrap;background:var(--color-lime);color:var(--color-ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:.55rem;padding:.32rem .6rem;font-size:clamp(.62rem,2.6vw,.76rem);font-weight:800;position:absolute;bottom:calc(100% - .35rem);rotate:-5deg;box-shadow:0 6px 18px #00000080}.seat-bubble:after{content:"";border:.34rem solid #0000;border-top-color:var(--color-lime);position:absolute;top:calc(100% - 1px)}.seat-desk[data-side=R] .seat-bubble{right:46%}.seat-desk[data-side=R] .seat-bubble:after{right:.6rem}.seat-desk[data-side=L] .seat-bubble{left:46%}.seat-desk[data-side=L] .seat-bubble:after{left:.6rem}.seat-ping{border:2px solid var(--color-lime);opacity:0;pointer-events:none;border-radius:.9rem;width:104%;height:50%;position:absolute;top:-1%;left:-2%}@media (prefers-reduced-motion:no-preference){.seat-ping{animation:1.1s cubic-bezier(.2,.7,.3,1) .25s 3 seat-ping}}@keyframes seat-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.seat-dock{border:1px solid color-mix(in srgb, var(--color-bone) 14%, transparent);-webkit-backdrop-filter:blur(10px);background:#131312eb;border-radius:1.4rem;box-shadow:0 -6px 30px #0000008c}.seat-found{font-size:clamp(3.9rem,19vw,7rem)}.seat-cat{left:50%;transform:translate(-50%,15%)}.seat-cat-wide{transform:translateY(17%)}.seat-place{gap:.75rem;display:grid;position:relative}.seat-place>section{border:1px solid var(--ops-line);background:linear-gradient(180deg, color-mix(in srgb, var(--color-bone) 5%, transparent), color-mix(in srgb, var(--color-bone) 2%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-bone) 6%, transparent);border-radius:1.4rem;padding:clamp(1rem,3.4vw,1.35rem) clamp(1.05rem,4vw,1.5rem)}@media (min-width:64rem){.seat-found{font-size:clamp(4rem,min(7vw,11svh),7.4rem)}.seat-place{border:1px solid var(--ops-line);background:linear-gradient(180deg, color-mix(in srgb, var(--color-bone) 5%, transparent), color-mix(in srgb, var(--color-bone) 2%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-bone) 6%, transparent);border-radius:1.4rem;gap:0}.seat-place>section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(.8rem,1.9svh,1.2rem) 1.4rem}.seat-place>section+section{border-top:1px solid var(--ops-line)}.seat-floor{--desk:clamp(4.2rem, calc(((77svh - 10.25rem) / 8 - .7rem) / .614), 8.4rem);--tag:3.2rem;--walk:clamp(3.2rem, 8vw, 8rem);gap:clamp(.3rem,1.1svh,.8rem);width:fit-content;max-width:100%;margin-inline:auto;padding:clamp(1.6rem,3.4svh,2.4rem) clamp(1.4rem,2.4vw,2.4rem) clamp(1rem,2.4svh,1.6rem)}}}