@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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:Besley Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/besley-latin-ext-wght-normal-Dt3OBXk7.woff2) format("woff2-variations");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:Besley Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/besley-latin-wght-normal-IX-hlgPH.woff2) format("woff2-variations");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:Besley Tempo;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/besley-tempo-latin-wght-normal-D_MpcwZg.woff2) format("woff2-variations");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}:root{--tempo-ink: #0b1220;--tempo-crust: #161e2e;--tempo-paper: #ffffff;--tempo-mist: #f5f7fa;--sauce: #ee4b3a;--sauce-light: #f4604e;--sauce-dark: #df2713;--sauce-border: #c22b1a;--sauce-rgb: 238, 75, 58;--cheese: #f1c40f;--cheese-light: color-mix(in srgb, var(--cheese) 72%, var(--tempo-paper));--cheese-dark: color-mix(in srgb, var(--cheese) 76%, var(--tempo-ink));--cheese-border: color-mix(in srgb, var(--cheese) 66%, var(--tempo-ink));--basil: #27ae60;--basil-light: color-mix(in srgb, var(--basil) 72%, var(--tempo-paper));--basil-dark: color-mix(in srgb, var(--basil) 76%, var(--tempo-ink));--basil-border: color-mix(in srgb, var(--basil) 66%, var(--tempo-ink));--basil-rgb: 39, 174, 96;--char: #2c3e50;--char-light: color-mix(in srgb, var(--char) 62%, var(--tempo-paper));--char-dark: color-mix(in srgb, var(--char) 76%, var(--tempo-ink));--char-border: color-mix(in srgb, var(--char) 66%, var(--tempo-ink));--font-ui: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Besley Tempo", "Besley Variable", "Besley", Georgia, "Iowan Old Style", serif;--text-display: 3rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-body: 1rem;--text-body-lg: 1.125rem;--text-caption: .875rem;--text-mono-lg: 1.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-body: 1.3;--leading-heading: 1.1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--touch-pos: 56px;--touch-mobile: 48px;--touch-kds-bump: 72px;--touch-gap: 8px;--radius-card: 8px;--radius-button: 6px;--radius-input: 4px;--radius-pill: 999px;--elev-0: none;--elev-1: 0 1px 2px rgba(11, 18, 32, .08);--elev-2: 0 8px 24px rgba(11, 18, 32, .18);--depth-sheen: inset 0 1px 0 rgba(255, 255, 255, .28);--depth-seat: inset 0 -1px 0 rgba(0, 0, 0, .22);--depth-lift-sauce: 0 6px 16px rgba(var(--sauce-rgb), .32);--depth-lift-basil: 0 6px 16px rgba(var(--basil-rgb), .32);--btn-money-size: var(--text-h3);--btn-money-weight: 700;--glass-bg: linear-gradient(180deg, rgba(34, 44, 66, .92), rgba(20, 27, 42, .97));--glass-border: rgba(255, 255, 255, .11);--glass-sheen: inset 0 1px 0 rgba(255, 255, 255, .07);--glass-shadow: 0 18px 40px -18px rgba(0, 0, 0, .7);--motion-tap: .1s;--motion-page: .25s;--app-bg: var(--tempo-mist);--surface: var(--tempo-paper);--surface-raised: var(--tempo-paper);--text: var(--tempo-ink);--text-muted: rgba(11, 18, 32, .64);--border: rgba(11, 18, 32, .1);--card-bg: var(--surface);--card-border: var(--border);--on-brand: #ffffff;--out-86: rgba(11, 18, 32, .35);--on-sauce: #ffffff;--on-char: #ffffff;--on-info: #ffffff;--on-cheese: var(--tempo-ink);--on-basil: var(--tempo-ink);--sauce-text: #ba2415;--char-text: var(--char);--info-text: var(--char);--cheese-text: #6b5200;--basil-text: #1c7a43;--focus-ring: var(--tempo-ink)}[data-theme=dark]{--app-bg: var(--tempo-ink);--surface: var(--tempo-crust);--surface-raised: #1d2740;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .1);--on-brand: #ffffff;--out-86: rgba(255, 255, 255, .35);--card-bg: var(--glass-bg);--card-border: var(--glass-border);--sauce-text: #ff6f5c;--basil-text: #43d17f;--cheese-text: var(--cheese);--char-text: #9fb0c4;--info-text: #9fb0c4;--focus-ring: var(--cheese)}.tempo-btn,.tempo-chip{transition:transform var(--motion-tap) ease,background-color var(--motion-tap) ease,box-shadow var(--motion-tap) ease}.tempo-btn:active:not(:disabled),.tempo-chip:active:not(:disabled){transform:scale(.97)}.tempo-btn:focus-visible,.tempo-chip:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tempo-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes tempo-pulse{0%,to{opacity:1}50%{opacity:.55}}.tempo-pulse{animation:tempo-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tempo-btn,.tempo-chip{transition:none}.tempo-btn:active:not(:disabled),.tempo-chip:active:not(:disabled){transform:none}.tempo-pulse{animation:none}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--app-bg);color:var(--text)}button{cursor:pointer;border:none;border-radius:var(--radius-button);font:inherit;color:inherit}.error{color:var(--sauce-text);padding:0 var(--space-4);font-weight:600}.muted{color:var(--text-muted);padding:var(--space-4)}.login{max-width:380px;margin:10vh auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--elev-2)}.login h1{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-h1);font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.login label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-caption);color:var(--text-muted)}.login input{padding:var(--space-3);border-radius:var(--radius-input);border:1px solid var(--border);background:var(--app-bg);color:var(--text);font:inherit;min-height:var(--touch-pos)}.login>button{padding:var(--space-3);min-height:var(--touch-pos);background:var(--sauce);color:var(--on-brand);font-size:var(--text-h3);font-weight:700}.picker{display:grid;gap:var(--space-2);margin:var(--space-3) 0}.picker button{display:flex;justify-content:space-between;align-items:center;min-height:var(--touch-pos);padding:0 var(--space-4);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);font-size:var(--text-body-lg)}.picker .role{font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase}.pin-display{font-family:var(--font-mono);font-size:var(--text-h1);letter-spacing:8px;text-align:center;padding:var(--space-3) 0;color:var(--text)}.login .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.login .keys button{min-height:var(--touch-pos);font-size:var(--text-h3);background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.login .keys .primary{background:var(--sauce);color:var(--on-brand);border-color:var(--sauce);font-weight:700}.linky{background:transparent;color:var(--cheese);padding:var(--space-1);font-size:var(--text-caption);text-decoration:underline}.login .linky{padding:var(--space-1);background:transparent;color:var(--cheese);font-size:var(--text-caption);font-weight:400}.board{min-height:100vh}.board header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.board header strong{font-size:var(--text-h3)}.board header span{color:var(--text-muted)}.board header button{margin-left:auto;min-height:var(--touch-mobile);padding:0 var(--space-4);background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);padding:var(--space-4);align-content:start}.k-ticket{position:relative;overflow:hidden;padding:0}.k-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border);border-radius:var(--radius-card);pointer-events:none;z-index:1}.k-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.k-head-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.k-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-h3);font-weight:var(--weight-bold)}.k-cust{font-size:var(--text-body-lg)}.k-fulfil{font-size:var(--text-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.k-head-right{display:flex;align-items:flex-start;gap:var(--space-2);flex-shrink:0}.k-recall-all{width:var(--touch-mobile);height:var(--touch-mobile);display:flex;align-items:center;justify-content:center;font-size:var(--text-h3);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-button)}.k-timer{display:flex;flex-direction:column;align-items:flex-end;line-height:1;flex-shrink:0}.k-timer-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:var(--weight-bold)}.k-timer-lbl{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.k-lines{list-style:none;margin:0;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.k-line{display:flex;align-items:center;gap:var(--space-3)}.k-glyph{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.k-line-body{flex:1;min-width:0}.k-line-name{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);line-height:1.2}.k-line-mods{font-size:var(--text-caption);color:var(--text-muted);margin-top:2px;line-height:1.3}.k-line.bumped .k-line-name,.k-line.bumped .k-line-mods{text-decoration:line-through;color:var(--out-86)}.k-line-toggle{flex-shrink:0;width:var(--touch-mobile);height:var(--touch-mobile);display:flex;align-items:center;justify-content:center;font-size:var(--text-h3);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-button)}.k-bump{position:relative;z-index:2;letter-spacing:.05em}.k-ready-bar{position:relative;z-index:2;min-height:var(--touch-pos);display:flex;align-items:center;justify-content:center;font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--basil-text);background:var(--surface-raised);border-top:2px solid var(--basil)}
