:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#a61f1e;--accent:#404042;--bg:#f3f4f6;--primary-hover:color-mix(in srgb, var(--primary) 84%, black);--primary-tint:color-mix(in srgb, var(--primary) 7%, white);--primary-soft:color-mix(in srgb, var(--primary) 16%, white);--logo-red:#d44834;--primary-fg:var(--primary);--surface:#fff;--surface-2:#f9fafb;--surface-3:#eef0f3;--border:#e5e7eb;--border-strong:#d4d4d4;--text:#171717;--heading:#0d2132;--muted:#4a5565;--subtle:#6b7280;--charcoal:var(--accent);--ok:#15803d;--ok-tint:#ecfdf3;--warn:#92400e;--warn-tint:#fff7e6;--danger:#b91c1c;--danger-tint:#fef2f2;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-md:0 4px 12px #10182814, 0 2px 4px #1018280d;--radius:14px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:Montserrat, var(--font);--chart-grid:#e5e7eb;--opt-0:#a61f1e;--opt-1:#0e8fa3;--opt-2:#eda100;--opt-3:#4a3aa7;--opt-4:#1baf7a;--opt-5:#2a78d6;--opt-6:#e87ba4;--opt-7:#008300;--ramp-0:#eb9a90;--ramp-1:#dc5f50;--ramp-2:#c2302f;--ramp-3:#a61f1e;--ramp-4:#7d1716}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15181e;--surface:#1f232b;--surface-2:#262b35;--surface-3:#2e3440;--border:#353b48;--border-strong:#454c5a;--text:#f5f6f8;--heading:#fff;--muted:#b4bac6;--subtle:#9aa1ae;--primary-tint:color-mix(in srgb, var(--primary) 22%, #1f232b);--primary-fg:color-mix(in srgb, var(--primary) 55%, white);--danger:#f87171;--chart-grid:#353b48;--opt-0:#c2302f;--opt-1:#1497ab;--opt-2:#c98500;--opt-3:#9085e9;--opt-4:#199e70;--opt-5:#3987e5;--opt-6:#d55181;--opt-7:#008300;--ramp-0:#a61f1e;--ramp-1:#c2302f;--ramp-2:#dc5f50;--ramp-3:#eb8a7e;--ramp-4:#f5b8b0}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{min-height:100dvh;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.15;font-family:var(--font-display);color:var(--heading);letter-spacing:-.01em;margin:0 0 .5em;font-weight:800}p{line-height:1.5}a{color:var(--primary)}a:hover{color:var(--primary-hover)}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grow{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.center-screen{place-items:center;min-height:100dvh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.narrow{width:100%;max-width:440px}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;min-height:48px;color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--surface-2);color:var(--text)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.opt:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.keypad button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.rating button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn.primary{background:var(--primary);color:#fff;border-color:#0000}.btn.primary:hover{background:var(--primary-hover);color:#fff}.btn.accent{background:var(--charcoal);color:#fff;border-color:#0000}.btn.accent:hover{background:color-mix(in srgb, var(--accent) 80%, black);color:#fff}.btn.danger{background:var(--surface);border-color:color-mix(in srgb, var(--danger) 45%, white);color:var(--danger)}.btn.danger:hover{background:var(--danger-tint);color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-3)}.btn.block{width:100%}.btn.big{border-radius:12px;min-height:60px;font-size:1.15rem}.btn.sm{border-radius:8px;min-height:34px;padding:0 12px;font-size:.875rem}.input,.textarea,.select{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;outline:none;width:100%;min-height:48px;padding:10px 14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{resize:vertical;min-height:110px}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.banner{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:.9rem}.banner.warn{background:var(--warn-tint);color:var(--warn);border-color:#fde3b0}.banner.err{background:var(--danger-tint);color:var(--danger);border-color:#fecaca}.banner.ok{background:var(--ok-tint);color:var(--ok);border-color:#bbf7d0}.brand-mark{width:auto;height:28px;display:block}.p-shell{max-width:560px;min-height:100dvh;padding:0 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.p-header{color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin:0 -16px 16px;padding:10px 16px;font-size:.85rem;display:flex}.p-header .seat{color:var(--text);align-items:center;gap:10px;font-weight:700;display:flex}.p-main{flex-direction:column;flex:1;display:flex}.p-footer{justify-content:center;gap:16px;margin-top:16px;font-size:.8rem;display:flex}.p-footer button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px;text-decoration:underline}.p-flow{gap:16px}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.hero h1{font-size:2rem}.big-num{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--heading);font-size:4.5rem;font-weight:800;font-family:var(--font-display)}.code-box{background:var(--surface);border:2px dashed var(--primary);box-shadow:var(--shadow-sm);border-radius:18px;padding:18px 12px}.welcome-list{text-align:left;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.welcome-list li{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);border-radius:10px;padding:12px 14px;line-height:1.4}.progress{gap:6px;margin-bottom:18px;display:flex}.progress span{background:var(--border);border-radius:3px;flex:1;height:6px;transition:background .2s}.progress span.done{background:var(--primary)}.progress span.cur{background:var(--charcoal)}.q-prompt{color:var(--heading);font-size:1.45rem;font-weight:800;line-height:1.25;font-family:var(--font-display);letter-spacing:-.01em;margin:4px 0 6px}.q-hint{color:var(--muted);margin-bottom:16px;font-size:.9rem}.options{gap:10px;display:grid}.opt{border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:1.05rem;font-weight:600;transition:transform 80ms,border-color .15s,background .15s;display:flex;position:relative}.opt:active{transform:scale(.98)}.opt .swatch{border-radius:7px;flex:none;align-self:stretch;width:14px}.opt .tick{border:2px solid var(--border-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:auto;font-size:1rem;display:grid}.opt.multi .tick{border-radius:8px}.opt.sel{border-color:var(--primary);background:var(--primary-tint)}.opt.sel .tick{background:var(--primary);border-color:var(--primary)}.rating{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rating button{aspect-ratio:1;border:2px solid var(--border);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--heading);border-radius:12px;font-size:1.6rem;font-weight:800}.rating button.sel{border-color:var(--primary);background:var(--primary);color:#fff}.rating-labels{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.q-nav{gap:10px;margin-top:auto;padding-top:20px;display:flex}.q-nav .btn{flex:1}.save-state{text-align:center;color:var(--muted);min-height:1.2em;margin-top:8px;font-size:.8rem}.status-icon{background:var(--surface);border:1px solid var(--border);width:76px;height:76px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;margin:0 auto;font-size:2.4rem;display:grid}.status-icon.ok{background:var(--ok-tint);color:var(--ok);border-color:#bbf7d0;font-weight:900}.winner{z-index:50;color:#fff;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(120deg,#a61f1e,#c2302f,#b5332a,#c2302f,#8a1a19,#a61f1e) 0 0/400% 400%;flex-direction:column;align-items:center;animation:6s infinite winnerBg;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.winner.grand{color:#1a1200;background:linear-gradient(120deg,#b8860b,gold,#d44834,#fff3b0,#b8860b) 0 0/400% 400%}@keyframes winnerBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.winner .inner{z-index:1;flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex;position:relative}.winner h1{color:inherit;text-shadow:0 2px 12px #00000040;font-size:2.3rem;animation:1.2s ease-in-out infinite alternate pop}@keyframes pop{0%{transform:scale(1)}to{transform:scale(1.05)}}.winner .panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000042;border-radius:16px;padding:14px}.winner.grand .panel{background:#ffffff80}.winner .claim{letter-spacing:.18em;font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace;font-size:4rem;font-weight:900}.winner .clock{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.winner .clock .sec{min-width:2ch;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:.55}}.winner .input{color:#111;background:#fffffff2;border:none}.winner .btn{border:none}.winner .btn:not(.primary){color:#171717;background:#fff}.winner .btn.primary{color:var(--primary);background:#fff}.winner .btn.primary:hover{color:var(--primary-hover);background:#fdf0ef}.winner .orb{filter:blur(2px);opacity:.15;pointer-events:none;background:#fff;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-40px)scale(1.2)}}.claimed-badge{font-size:2.4rem;font-weight:900;font-family:var(--font-display)}.code-modal{z-index:60;background:#1118278c;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.code-modal .inner{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px;margin:0 auto;display:grid}.keypad button{background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px;box-shadow:var(--shadow-sm);color:var(--heading);border-radius:14px;font-size:1.6rem;font-weight:700}.keypad button:hover{background:var(--surface-2)}.keypad button:active{background:var(--primary-tint);border-color:var(--primary);transform:scale(.97)}.pin-dots{justify-content:center;gap:12px;min-height:20px;margin:8px 0 20px;display:flex}.pin-dots span{border:2px solid var(--border-strong);border-radius:50%;width:16px;height:16px}.pin-dots span.on{background:var(--primary);border-color:var(--primary)}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}