:root{--side-1: #8a5a3c;--side-1-light: #dcb18a;--side-1-deep: #4a2e1c;--side-2: #e8d3a9;--side-2-light: #f7ebd2;--side-2-deep: #a08856;--accent: var(--side-1);--accent-text: var(--side-1-light);--btn-fill: var(--side-1-light);--btn-ink: var(--side-1-deep);--bg: #070a12;--ink: #f4f7fd;--ink-dim: #c6d2e6;--ink-faint: #a7b4cb;--glass: rgba(11, 16, 28, .66);--glass-strong: rgba(20, 28, 45, .78);--line: rgba(168, 196, 248, .2);--line-soft: rgba(168, 196, 248, .11);--card-a: rgba(18, 25, 41, .88);--card-b: rgba(10, 15, 26, .92);--panel-a: rgba(24, 32, 52, .97);--panel-b: rgba(12, 17, 30, .97);--input-bg: rgba(10, 14, 24, .55);--track: rgba(8, 11, 20, .6);--banner-bg: rgba(8, 12, 21, .84);--toast-bg: rgba(22, 29, 46, .95);--scrim-rgb: 5, 8, 15;--glow-1: rgba(240, 165, 69, .1);--glow-2: rgba(79, 184, 245, .11);--glow-3: rgba(93, 122, 255, .09);--danger: #ff7a6b;--good: #57d9a3;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .85);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--topbar-top: 14px;--topbar-h: 38px;--topbar-reserve: calc(var(--topbar-top) + var(--topbar-h) + 10px)}:root[data-mode=light]{--accent-text: var(--side-1-deep);--bg: #eaeef6;--ink: #0f141d;--ink-dim: #3f4a5e;--ink-faint: #5a6579;--glass: rgba(255, 255, 255, .78);--glass-strong: rgba(255, 255, 255, .92);--line: rgba(28, 44, 74, .16);--line-soft: rgba(28, 44, 74, .09);--card-a: rgba(255, 255, 255, .92);--card-b: rgba(247, 249, 253, .95);--panel-a: #ffffff;--panel-b: #f3f6fb;--input-bg: rgba(255, 255, 255, .92);--track: rgba(24, 38, 64, .07);--banner-bg: rgba(255, 255, 255, .9);--toast-bg: rgba(255, 255, 255, .96);--scrim-rgb: 238, 242, 249;--glow-1: rgba(214, 160, 96, .16);--glow-2: rgba(120, 160, 220, .18);--glow-3: rgba(150, 165, 220, .14);--danger: #c8483a;--good: #1d8a63;--shadow: 0 24px 55px -26px rgba(28, 44, 80, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background-color:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body{background-color:var(--bg);background-image:radial-gradient(120vw 80vh at 12% -10%,var(--glow-1),transparent 62%),radial-gradient(110vw 75vh at 92% 8%,var(--glow-2),transparent 60%),radial-gradient(90vw 70vh at 50% 118%,var(--glow-3),transparent 65%)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.015em}p{margin:0}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}#vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(closest-side at 50% 45%,transparent 55%,rgba(var(--scrim-rgb),.72) 100%)}:root[data-mode=light] #vignette{background:radial-gradient(closest-side at 50% 45%,transparent 60%,rgba(var(--scrim-rgb),.55) 100%)}#app{position:fixed;inset:0;z-index:2;display:grid;pointer-events:none}.screen{grid-area:1 / 1;display:none;min-height:0;padding:calc(var(--topbar-reserve) + var(--safe-t)) 20px calc(20px + var(--safe-b));overflow:hidden auto;scrollbar-width:thin}.screen.is-active{display:grid;pointer-events:auto}.screen:not(.screen--game).is-active:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(78vw 78vh at 50% 46%,rgba(var(--scrim-rgb),.88),rgba(var(--scrim-rgb),.72) 46%,rgba(var(--scrim-rgb),.3) 78%,rgba(var(--scrim-rgb),.08))}.screen--game.is-active,.screen--game.is-active .hud,.screen--game.is-active .hud *{pointer-events:none}.screen--game.is-active .hud button{pointer-events:auto}.screen>*{animation:rise .5s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border:1px solid var(--line);border-radius:99px;background:var(--glass);backdrop-filter:blur(14px);font-size:12.5px;color:var(--ink-dim);letter-spacing:.02em;white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 20%,transparent)}.pill.is-offline .dot{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 20%,transparent)}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--card-a),var(--card-b));backdrop-filter:blur(24px) saturate(1.3);box-shadow:var(--shadow);padding:20px}.card--muted{background:var(--glass);box-shadow:none}.card__title{font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-weight:600;margin-bottom:12px}.btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 22px;border-radius:var(--r-md);font-weight:600;letter-spacing:.01em;transition:transform .16s cubic-bezier(.16,1,.3,1),filter .16s,background .16s,border-color .16s;border:1px solid transparent;text-align:center}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;pointer-events:none}.btn__main{font-size:15px}.btn__sub{font-size:12px;font-weight:450;opacity:.68}.btn--primary{background-image:linear-gradient(165deg,color-mix(in srgb,var(--btn-fill) 80%,#fff),var(--btn-fill));background-color:var(--btn-fill);color:var(--btn-ink);box-shadow:0 12px 30px -14px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px #fff6}.btn--primary:hover{filter:brightness(1.06)}.btn--ghost{background:var(--glass-strong);border-color:var(--line);color:var(--ink);backdrop-filter:blur(12px)}.btn--ghost:hover{background:color-mix(in srgb,var(--glass-strong) 80%,var(--ink) 8%);border-color:color-mix(in srgb,var(--line) 60%,var(--ink) 15%)}.btn--confirm{background:linear-gradient(160deg,color-mix(in srgb,var(--good) 92%,#fff),var(--good));color:#04231a;font-weight:700}:root[data-mode=light] .btn--confirm{color:#fff}.btn--lg{padding:18px 24px}.btn--sm{padding:10px 18px;font-size:14px}.input{width:100%;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--input-bg);color:var(--ink);outline:none;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.input--code{font-family:var(--mono);text-transform:uppercase;letter-spacing:.32em;text-align:center;font-size:17px;font-weight:600}.linkish{color:var(--ink-dim);font-size:13.5px;padding:8px 4px;transition:color .16s}.linkish:hover{color:var(--ink)}.stack{display:grid;gap:10px}.row{display:flex;gap:10px}.row>*{flex:1}.row--center{justify-content:center}.row--center>*{flex:0 0 auto}.muted{color:var(--ink-dim);font-size:14px;line-height:1.55}.small{font-size:12.5px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:var(--r-md);background:var(--track);border:1px solid var(--line-soft);margin-bottom:16px}.segmented button{padding:10px 8px;border-radius:11px;font-size:13.5px;font-weight:550;color:var(--ink-dim);transition:background .18s,color .18s}.segmented button:hover{color:var(--ink)}.segmented button[aria-checked=true]{background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.segmented--sm button{padding:8px 6px;font-size:12.5px}.landing{place-self:center;width:min(440px,100%);display:grid;justify-items:center;gap:18px;text-align:center}.wordmark{font-size:clamp(56px,15vw,104px);font-weight:800;letter-spacing:.14em;margin-right:-.14em;line-height:.95;background:linear-gradient(165deg,var(--side-1-light) 4%,var(--ink) 50%,var(--side-2-light) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(var(--scrim-rgb),.95)) drop-shadow(0 10px 44px color-mix(in srgb,var(--accent) 30%,transparent))}:root[data-mode=light] .wordmark{background:linear-gradient(165deg,var(--side-1-deep) 4%,var(--ink) 52%,var(--side-2-deep) 96%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 6px rgba(255,255,255,.9))}.tagline{color:var(--ink-dim);font-size:clamp(15px,3.6vw,17px);font-weight:500;letter-spacing:.01em;text-shadow:0 1px 10px rgba(var(--scrim-rgb),.9)}.tagline em{color:var(--accent-text);font-style:normal;font-weight:650}.enter{display:grid;gap:10px;width:100%;margin-top:8px}.btn[hidden],.enter__alt[hidden]{display:none}.enter .input,.enter .btn{width:100%}.enter__note{font-size:12.5px;color:var(--danger);text-align:left}.enter__alt{display:grid;justify-items:center;gap:12px;width:100%}.enter__or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;color:var(--ink-faint);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.enter__or:before,.enter__or:after{content:"";height:1px;background:var(--line)}.enter__gis{min-height:44px;display:flex;align-items:center;justify-content:center}.fineprint{color:var(--ink-faint);font-size:13px;letter-spacing:.04em;text-shadow:0 1px 8px rgba(var(--scrim-rgb),.85)}.lobby{place-self:center;width:min(460px,100%);display:grid;gap:16px}.lobby__head{display:grid;gap:4px}.lobby__hello{font-size:21px;letter-spacing:-.02em}.lobby__stats{color:var(--ink-faint);font-size:13px;font-variant-numeric:tabular-nums}.lobby__foot{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.namebtn{color:var(--accent-text);font:inherit;border-bottom:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);padding:0 1px;transition:color .16s}.namebtn:hover{filter:brightness(1.15)}.joinrow{display:flex;gap:10px;margin-top:14px}.joinrow .input{flex:1}.joinrow .btn{flex:0 0 auto}.screen--game{padding:0}.hud{grid-area:1 / 1;display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:calc(14px + var(--safe-t)) 14px calc(14px + var(--safe-b));gap:10px}.hud__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud__bottom{display:flex;justify-content:flex-start}.hud__mid{display:grid;align-content:end;justify-items:center;gap:10px;padding-bottom:6px}.hud__tools{display:flex;gap:6px}.iconbtn{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);color:var(--ink-dim);font-size:15px;transition:background .16s,color .16s;flex:0 0 auto}.iconbtn:hover{background:var(--glass-strong);color:var(--ink)}.iconbtn[hidden]{display:none}.iconbtn .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{position:fixed;top:calc(var(--topbar-top) + var(--safe-t));right:var(--topbar-top);z-index:15;display:flex;align-items:center;gap:8px;pointer-events:auto;max-width:calc(100vw - 2 * var(--topbar-top))}.topbar .pill{min-width:0;overflow:hidden;text-overflow:ellipsis}:root[data-screen=game] .topbar{display:none}.seat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);min-width:min(320px,74vw);transition:border-color .25s,box-shadow .25s}.seat.is-turn{border-color:color-mix(in srgb,var(--seat-color) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--seat-color) 24%,transparent),0 12px 36px -18px var(--seat-color)}.seat.is-gone{opacity:.55}.seat__chip{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 52%),var(--seat-color);box-shadow:inset 0 -3px 8px #0006,0 3px 10px -3px var(--seat-color);flex:0 0 auto}.seat__id{min-width:0}.seat__name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat__meta{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:6px;margin-top:2px}.seat__reserve{display:flex;gap:2.5px;align-items:center;flex-wrap:nowrap}.seat__reserve i{width:5px;height:5px;border-radius:50%;background:var(--seat-color);opacity:.9}.seat__reserve i.spent{opacity:.24}.seat__count{display:none;font-variant-numeric:tabular-nums;font-weight:700;color:var(--seat-color)}.clock{font-family:var(--mono);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;padding:5px 10px;border-radius:10px;background:var(--track);border:1px solid var(--line-soft);color:var(--ink-dim);letter-spacing:.02em}.clock.is-active{color:var(--ink);border-color:color-mix(in srgb,var(--seat-color) 40%,transparent)}.clock.is-low{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.banner{padding:11px 20px;border-radius:99px;border:1px solid var(--line);background:var(--banner-bg);backdrop-filter:blur(18px);font-size:14px;font-weight:550;letter-spacing:.01em;text-align:center;max-width:min(520px,92vw);transition:border-color .25s,color .25s}.banner.is-yours{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.banner.is-alert{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.banner b{color:var(--accent-text);font-weight:650}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.actions:empty{display:none}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:rgba(var(--scrim-rgb),.66);backdrop-filter:blur(10px);pointer-events:auto;animation:fade .3s ease both}.overlay[hidden]{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}.panel{width:min(400px,100%);display:grid;justify-items:center;gap:12px;text-align:center;padding:30px 26px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:var(--shadow);animation:rise .4s cubic-bezier(.16,1,.3,1) both}.panel h3{font-size:22px}.code{font-family:var(--mono);font-size:42px;font-weight:700;letter-spacing:.22em;margin-right:-.22em;padding:14px 26px;border-radius:var(--r-md);background:var(--track);border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-text)}.pulser{display:flex;gap:7px;height:12px;align-items:center}.pulser i{width:9px;height:9px;border-radius:50%;background:var(--side-1);animation:bounce 1.1s ease-in-out infinite}.pulser i:nth-child(2){animation-delay:.15s;background:var(--ink-faint)}.pulser i:nth-child(3){animation-delay:.3s;background:var(--side-2)}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}.result__crest{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:var(--glass-strong);border:1px solid var(--line)}.delta{font-family:var(--mono);font-size:14px;font-weight:600}.delta.up{color:var(--good)}.delta.down{color:var(--danger)}.reconnect{position:absolute;top:calc(70px + var(--safe-t));left:50%;transform:translate(-50%);z-index:6;padding:9px 16px;border-radius:99px;background:color-mix(in srgb,var(--danger) 18%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);font-size:13px;font-weight:600;backdrop-filter:blur(12px);pointer-events:none}.reconnect[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal__backdrop{position:absolute;inset:0;background:rgba(var(--scrim-rgb),.75);backdrop-filter:blur(8px)}.modal__body{position:relative;width:min(560px,100%);max-height:min(84vh,720px);overflow:auto;padding:30px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:var(--shadow);animation:rise .34s cubic-bezier(.16,1,.3,1) both}.modal__body h2{font-size:24px;margin-bottom:6px}.modal__close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:10px;color:var(--ink-faint);display:grid;place-items:center}.modal__close:hover{color:var(--ink);background:var(--glass)}.rules{display:grid;gap:18px;margin-top:18px}.rules h4{margin:0 0 5px;font-size:14px;font-weight:650;color:var(--accent-text);letter-spacing:.01em}.rules p{color:var(--ink-dim);font-size:14px;line-height:1.62}.rules ol{margin:0;padding-left:20px;color:var(--ink-dim);font-size:14px;line-height:1.7}.rules .keyline{padding:14px 16px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:0 var(--r-sm) var(--r-sm) 0}.rules .keyline p{color:var(--ink)}.lbtable{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}.lbtable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-weight:600;padding-bottom:10px}.lbtable td{padding:11px 0;border-top:1px solid var(--line-soft);font-variant-numeric:tabular-nums}.lbtable td:first-child{color:var(--ink-faint);width:36px}.lbtable td:nth-child(3),.lbtable th:nth-child(3){text-align:right;font-weight:600}.lbtable td:last-child,.lbtable th:last-child{text-align:right;color:var(--ink-dim)}.settings{display:grid;grid-template-columns:156px minmax(0,1fr);gap:22px;margin-top:18px;align-items:start}.settings__nav{display:grid;gap:4px;align-content:start;padding-right:20px;border-right:1px solid var(--line-soft)}.settings__tab{padding:10px 12px;border-radius:var(--r-sm);text-align:left;font-size:14px;font-weight:550;color:var(--ink-dim);transition:background .18s,color .18s}.settings__tab:hover{color:var(--ink);background:var(--glass)}.settings__tab[aria-selected=true]{background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}.settings__tab:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.settings__pane{display:grid;gap:12px;align-content:start;min-height:218px}.settings__pane[hidden]{display:none}.settings__group{display:grid;gap:10px}.settings__label{font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-weight:600}.settings__hint{font-size:12.5px;color:var(--ink-faint);line-height:1.5}.palettes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.palette{display:grid;gap:8px;padding:13px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass);text-align:left;transition:border-color .18s,background .18s,transform .18s}.palette:hover{transform:translateY(-1px)}.palette[aria-checked=true]{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.palette__swatches{display:flex;gap:6px}.palette__swatches i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 -2px 5px #00000059,inset 0 2px 4px #ffffff47}.palette__name{font-size:13.5px;font-weight:600}.palette__hint{font-size:11.5px;color:var(--ink-faint);line-height:1.4}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass);text-align:left;transition:border-color .18s}.toggle:hover{border-color:color-mix(in srgb,var(--line) 50%,var(--ink) 18%)}.toggle__text{display:grid;gap:3px}.toggle__title{font-size:14px;font-weight:600}.toggle__sub{font-size:12px;color:var(--ink-faint);line-height:1.45}.toggle__switch{flex:0 0 auto;width:46px;height:27px;border-radius:99px;background:var(--track);border:1px solid var(--line);position:relative;transition:background .22s,border-color .22s}.toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--ink-faint);transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s}.toggle[aria-checked=true] .toggle__switch{background:color-mix(in srgb,var(--accent) 55%,transparent);border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.toggle[aria-checked=true] .toggle__switch:after{transform:translate(19px);background:#fff}.account{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass)}.account__who{display:flex;align-items:center;gap:12px}.account__avatar{width:40px;height:40px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:17px;color:var(--btn-ink);background:var(--btn-fill)}.account__id{display:grid;gap:2px;min-width:0}.account__name{font-size:15px;font-weight:650}.account__meta{font-size:12.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.account__form{display:grid;gap:10px}.account__gis{min-height:44px;display:flex;align-items:center}.account__error{font-size:12.5px;color:var(--danger)}.namebtn.is-locked{border-bottom:none;cursor:default;color:var(--ink);opacity:1}#toasts{position:fixed;z-index:40;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{padding:11px 18px;border-radius:99px;background:var(--toast-bg);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13.5px;backdrop-filter:blur(14px);animation:toastin .32s cubic-bezier(.16,1,.3,1) both;max-width:88vw;text-align:center}.toast.is-error{border-color:color-mix(in srgb,var(--danger) 50%,transparent);color:var(--danger)}.toast.is-out{animation:toastout .28s ease forwards}@keyframes toastin{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes toastout{to{opacity:0;transform:translateY(-6px)}}@media (max-width: 560px){.seat{min-width:0;flex:1 1 auto;gap:8px;padding:6px 10px;border-radius:14px}.seat__reserve{display:none}.seat__count{display:inline}.seat__chip{width:22px;height:22px}.seat__id{display:flex;align-items:baseline;gap:7px;min-width:0}.seat__name{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}.seat__label{display:none}.seat__meta{font-size:12px;gap:0;margin:0;flex:0 0 auto}.clock{font-size:14px;padding:3px 7px}.hud__tools{gap:5px}.iconbtn{width:33px;height:33px;font-size:14px;border-radius:10px}.iconbtn .ico{width:16px;height:16px}.hud{padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b));gap:8px}.card{padding:17px;border-radius:20px}.code{font-size:34px;padding:12px 18px}.modal__body{padding:24px 20px}:root{--topbar-top: 10px}.settings{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.settings__nav{grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--track)}.settings__tab{text-align:center;padding:9px 6px;font-size:13px}.settings__pane{min-height:0}.palettes{grid-template-columns:1fr;gap:8px}.palette{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px}.palette__hint{display:none}}@media (max-height: 620px){.wordmark{font-size:54px}.landing{gap:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}