:root{--wall:#14493c;--wall-deep:#0d3129;--sign:#f5c419;--ink:#1d140d;--pepper:#d6361f;--plank:#8b5a32;--plank-dark:#4f3019;--chalk:#f5f0e3;--chalk-dim:#b5cbbd;--ticket:#fbf3dc;--ticket-line:#d9c99f;--track:#e7dcc0;--pot:#221812;--pot-edge:#3d2c20;--good:#5bd07f;--warn:#f2a20d;--bad:#ef4a2c;--cloth-a:#1d4fa6;--cloth-b:#f08a1c;--cloth-c:#1b9b72;--plate:#f8f5ef;--plate-rim:#2457b3;--shade:#061612d1;--display:"Bungee","Arial Black",Impact,sans-serif;--body:"Bricolage Grotesque","Segoe UI",system-ui,-apple-system,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--chalk);font-family:var(--body);background:var(--wall-deep);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:14px;line-height:1.4;overflow:hidden}button{font:inherit}.app{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}.stage-canvas:active{cursor:grabbing}.stage.locked .stage-canvas{cursor:none}.stage-failed{text-align:center;place-items:center;padding:24px;font-size:16px;display:grid}.stage-failed p{max-width:42ch;margin:0}.crosshair{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.crosshair:after{content:"";background:var(--sign);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.aim-hint{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--shade);color:var(--chalk);white-space:nowrap;pointer-events:none;border:2px solid #ffffff29;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}.aim-hint.at-center{top:calc(50% + 20px);bottom:auto}.aim-hint[hidden]{display:none}.name-tag{pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0}.name-tag span{white-space:nowrap;font-family:var(--display);color:var(--ink);background:var(--sign);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:3px 10px 2px;font-size:15px;display:block;transform:translate(-50%,-100%)}.hud{z-index:5;pointer-events:none;padding:max(10px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 26px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(#061612d1,#06161280 65%,#0000);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.stats{flex-wrap:wrap;align-items:flex-end;gap:8px 18px;display:flex}.stat{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-dim);font-size:10.5px;font-weight:800}.stat-value{font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;line-height:1.1}.stat-value small{font-family:var(--body);color:var(--chalk-dim);font-size:12px;font-weight:600}.meter{background:#00000059;border-radius:3px;width:150px;max-width:100%;height:6px;margin-top:2px;display:block;overflow:hidden}.meter span{background:var(--sign);width:0;height:100%;transition:width .25s;display:block}.meter.met span{background:var(--good)}.stars{font-family:var(--body);color:var(--sign);letter-spacing:1px;font-weight:800}.stars .off{color:#ffffff2e}.time.low{color:var(--bad)}.hud-btns{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.icon-btn{letter-spacing:.06em;text-transform:uppercase;color:var(--chalk);cursor:pointer;background:#0006;border:2px solid #ffffff2e;border-radius:6px;padding:7px 10px;font-size:11.5px;font-weight:800}.icon-btn:hover:not(:disabled){border-color:var(--chalk-dim)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:focus-visible{outline:3px solid var(--sign);outline-offset:2px}.icon-btn[aria-pressed=true]{border-color:var(--sign)}.seat-tag{z-index:2;width:0;height:0;position:absolute;top:0;left:0}.seat-tag[hidden]{display:none}.seat-tag-in{width:112px;position:absolute;bottom:0;left:0;transform:translate(-50%)}.seat-tag[data-edge=true] .seat-tag-in{opacity:.8}.seat{appearance:none;width:100%;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0;display:flex;position:relative}.seat:disabled{cursor:default}.seat:focus-visible{outline:3px solid var(--sign);outline-offset:4px}.ticket{background:var(--ticket);width:100%;color:var(--ink);border-radius:4px 4px 2px 2px;flex-direction:column;gap:3px;padding:5px 6px 6px;transition:box-shadow .15s;display:flex;box-shadow:0 3px #0000004d}.ticket-top{letter-spacing:.03em;border-bottom:1px dashed var(--ticket-line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:4px;padding-bottom:3px;font-size:10.5px;font-weight:800;display:flex}.ticons{justify-content:center;gap:2px;min-width:0;display:flex}.ticons svg{flex:0 26px;width:26px;min-width:0;height:26px}.ttext{overflow-wrap:anywhere;font-size:10.5px;font-weight:600;line-height:1.2}.pbar{background:var(--track);border-radius:3px;height:6px;margin-top:auto;display:block;overflow:hidden}.pfill{background:var(--good);border-radius:3px;width:100%;height:100%;display:block}.pfill.warn{background:var(--warn)}.pfill.bad{background:var(--bad)}.cname{letter-spacing:.02em;overflow-wrap:anywhere;text-shadow:0 1px 2px #000000e6;font-size:12px;font-weight:800;line-height:1.2}.say{z-index:2;background:var(--chalk);width:max-content;max-width:min(150px,130%);color:var(--ink);pointer-events:none;border-radius:8px;padding:4px 7px;font-size:11.5px;font-style:italic;font-weight:600;line-height:1.25;position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);box-shadow:0 2px #00000040}.say:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--chalk);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.say:empty{display:none}.seat.ready .ticket{box-shadow:0 0 0 3px var(--sign),0 3px 0 #00000040;animation:1s ease-in-out infinite alternate pulse}.seat-tag[data-aim=true] .ticket{outline:3px solid var(--chalk);outline-offset:2px}@keyframes pulse{to{transform:translateY(-3px)}}.seat.arrive{animation:.4s ease-out arrive}@keyframes arrive{0%{opacity:0;transform:translateY(-12px)}}.seat.leaving{animation:.6s ease-in .6s forwards leave}@keyframes leave{to{opacity:0;transform:translateY(10px)}}.ticket.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.float{font-family:var(--display);color:var(--good);text-shadow:2px 2px 0 var(--ink);pointer-events:none;white-space:nowrap;z-index:3;font-size:17px;animation:1.2s ease-out forwards floatup;position:absolute;top:28%;left:50%;transform:translate(-50%)}.float.bad{color:var(--bad)}.float.gold{color:var(--sign);font-size:13px;top:44%}.float.cost{color:var(--bad);font-size:13px;top:44%}@keyframes floatup{to{opacity:0;transform:translate(-50%,-42px)}}.platebar{z-index:5;pointer-events:none;padding:28px max(16px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(#0000,#06161273 40%,#061612cc);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.platebar>*{pointer-events:auto}.plate-now{background:#0006;border:2px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 6px 6px 12px;display:flex;position:relative}.plate-icons{gap:1px;display:flex}.plate-icons svg{width:26px;height:26px;display:block}.plate-icons:empty{display:none}.plate-label{color:var(--chalk);min-width:0;font-size:13.5px;font-weight:700}.plate-now .float{top:-6px}.group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--sign);font-size:10.5px;font-weight:800}.assistant{background:#0006;border:2px solid #ffffff1f;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 56px;align-items:center;gap:8px;width:300px;max-width:100%;padding:6px 8px;display:grid;position:relative}.assistant-face svg{width:40px;height:46px;display:block}.assistant-body{flex-direction:column;gap:3px;min-width:0;display:flex}.assistant-status{color:var(--chalk);font-size:11.5px;font-weight:600;line-height:1.25}.assistant .pbar{margin-top:2px}.mini-plate{background:var(--plate);width:56px;height:56px;box-shadow:inset 0 0 0 3px var(--plate-rim);border-radius:50%;flex-wrap:wrap;place-content:center;align-items:center;padding:8px;display:flex;position:relative}.mini-plate svg{opacity:.85;width:19px;height:19px}.mini-plate .float{top:10%}.startng-card{background:#00000052;border:2px solid #ffffff24;border-radius:999px;align-self:flex-end;align-items:center;gap:10px;max-width:100%;padding:5px 12px 5px 5px;display:flex}.startng-card img,.startng-card .face-blank{background:var(--sign);border-radius:50%;flex:none;width:36px;height:36px;display:block}.startng-who{flex-direction:column;min-width:0;line-height:1.15;display:flex}.startng-who b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;overflow:hidden}.startng-who span{color:var(--chalk-dim);font-size:11.5px}.startng-card button{border:2px solid var(--ink);background:var(--sign);color:var(--ink);cursor:pointer;border-radius:999px;margin-left:4px;padding:5px 12px;font-size:12px;font-weight:800}.startng-card button:focus-visible{outline:3px solid var(--sign);outline-offset:2px}.board{background:#1d140d17;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.board-title{letter-spacing:.12em;text-transform:uppercase;color:var(--pepper);font-size:10.5px;font-weight:800}.board .board-save{font-size:13px;font-weight:600}.board ol{flex-direction:column;gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.board li{font-variant-numeric:tabular-nums;border-radius:4px;grid-template-columns:2.4em minmax(0,1fr) auto auto;align-items:baseline;gap:8px;padding:2px 4px;display:grid}.board li.me{background:#1d140d24;font-weight:800}.board-rank{font-weight:800}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-stat{white-space:nowrap;font-weight:600}.board .btn.ghost{align-self:flex-start;padding:6px 0;font-size:13px}.overlay{z-index:20;padding-block:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:linear-gradient(90deg,#061612c7,#06161259 55%,#0616120d);place-items:center start;display:grid;position:fixed;inset:0}.overlay .card{margin-left:clamp(0px,5vw,72px)}.overlay.paused{background:var(--shade);place-items:center}.overlay.paused .card{margin-left:0}.card{background:var(--sign);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;gap:12px;width:100%;max-width:460px;max-height:100%;padding:20px 22px 22px;display:flex;overflow:auto}.card .kick{letter-spacing:.14em;text-transform:uppercase;color:var(--pepper);font-size:11px;font-weight:800}.card h2{font-family:var(--display);text-wrap:balance;margin:0;font-size:28px;font-weight:400;line-height:1.05}.card p{margin:0;font-size:14.5px;line-height:1.5}.card ol{flex-direction:column;gap:5px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:flex}.card .fine{opacity:.8;font-size:12.5px}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.results div{background:#1d140d17;border-radius:6px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.results span{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10.5px;font-weight:800}.results b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:18px;font-weight:400}.card-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.btn{font-family:var(--display);color:var(--chalk);background:var(--pepper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;letter-spacing:.02em;padding:11px 16px;font-size:16px}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn.ghost{color:var(--ink);box-shadow:none;background:0 0;font-size:14px}.btn.alt{background:var(--ink);color:var(--sign)}.results .results-note{background:0 0;grid-column:1/-1;margin:0;padding:0;display:block}@media (width<=760px){.overlay{background:linear-gradient(#0000,#06161233 30%,#061612d9);place-items:end center}.overlay .card{max-height:62%;margin-left:0}.app.carded .seat-tag{display:none}.hud{padding-bottom:18px}.stats{gap:6px 12px}.stat-value{font-size:15px}.meter{width:100px}.stat-label{font-size:9.5px}.hud-btns .icon-btn{padding:6px 8px;font-size:10.5px}}@media (width<=480px){.seat-tag-in{width:86px}.ticket{padding:4px}.tno{display:none}.ticket-top{justify-content:center}.ticons svg{flex-basis:20px;width:20px;height:20px}.ttext{font-size:9.5px}.cname{font-size:10.5px}.say{max-width:110px;font-size:10.5px}.startng-card{gap:6px;padding:3px 8px 3px 3px}.startng-card img,.startng-card .face-blank{width:26px;height:26px}.startng-who span{display:none}.card h2{font-size:24px}.plate-label{font-size:12.5px}.aim-hint{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}