:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121212;--surface:#1e1e1e;--surface-sunken:#181818;--surface-raised:#262626;--outline:#2e2e2e;--text-primary:#fff;--text-secondary:#8e8e93;--text-tertiary:#6b6b70;--accent:#ff5722;--on-accent:#14100e;--accent-muted:#3a1b0e;--accent-pressed:#e64a19;--success:#00e676;--on-success:#05240f;--success-surface:#0f2a17;--danger-muted:#cf6679;--error:#ff5252;--on-error:#2a0708;--focus-ring:#ff57228c;--scrim:#00000080;--glass-1:#ff5252;--glass-2:#ff9100;--glass-3:#ffd600;--glass-4:#aeea00;--glass-5:#00c853;--glass-6:#1de9b6;--glass-7:#00b8d4;--glass-8:#2979ff;--glass-9:#a0f;--glass-10:#ff4081;--glass-11:#a1887f;--glass-12:#b0bec5;--glass-hidden:#555;--radius-card:16px;--radius-control:12px;--radius-pill:999px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-title-xl:700 28px/1.2 var(--font);--text-title-lg:650 18px/1.3 var(--font);--text-title-md:600 16px/1.4 var(--font);--text-body:400 16px/1.5 var(--font);--text-meta:500 14px/1.4 var(--font);--text-subtle-size:13px;--text-eyebrow:500 13px/1.3 var(--font);--gap-tight:6px;--gap-row:12px;--gap-block:16px;--gap-section:28px;--page-padding:16px;--page-top:24px;--page-max:560px;--hit-min:44px;--icon:22px;--btn-pad-x:18px;--input-pad-x:14px;--banner-pad-y:12px;--hairline-width:1px;--focus-width:3px;--focus-offset:2px;--tube-gap:8px;--row-gap:24px;--tube-min:96px;--tube-max:160px;--tube-radius:10px;--lift:12px;--symbol:14px;--header-height:56px;--duration-pour:.15s;--duration-shake:.25s}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f4f1;--surface:#fff;--surface-sunken:#edede8;--surface-raised:#ebebe6;--outline:#ddddd6;--text-primary:#1a1a1a;--text-secondary:#5c5c61;--text-tertiary:#8a8a90;--accent:#c63d0f;--on-accent:#fff;--accent-muted:#fbe3d9;--accent-pressed:#a33209;--success:#17793a;--on-success:#fff;--success-surface:#e3f3e7;--danger-muted:#b3261e;--error:#b3261e;--on-error:#fff;--focus-ring:#c63d0f73;--glass-1:#d32f2f;--glass-2:#ef6c00;--glass-3:#f9a825;--glass-4:#9e9d24;--glass-5:#2e7d32;--glass-6:#00897b;--glass-7:#0097a7;--glass-8:#1565c0;--glass-9:#7b1fa2;--glass-10:#c2185b;--glass-11:#6d4c41;--glass-12:#78909c;--glass-hidden:#9e9e9e}html,body{min-height:100%}*{box-sizing:border-box}body{background:var(--background);color:var(--text-primary);font:var(--text-body);-webkit-tap-highlight-color:transparent;margin:0}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}button,input,select{font:inherit;color:inherit}.page{max-width:var(--page-max);padding:calc(var(--page-top) + env(safe-area-inset-top)) var(--page-padding) calc(var(--gap-section) + env(safe-area-inset-bottom));gap:var(--gap-section);flex-direction:column;margin:0 auto;display:flex}.stack{gap:var(--gap-row);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap-row);display:flex}.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--gap-block);gap:var(--gap-row);flex-direction:column;display:flex}.btn{justify-content:center;align-items:center;gap:var(--gap-tight);min-height:var(--hit-min);padding:0 var(--btn-pad-x);border-radius:var(--radius-control);font:var(--text-title-md);cursor:pointer;white-space:nowrap;border:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:not(:disabled):hover{background:var(--accent-pressed)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--surface-raised)}.btn-icon{width:var(--hit-min);min-height:var(--hit-min);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--text-primary)}.input{width:100%;min-height:var(--hit-min);padding:0 var(--input-pad-x);border:var(--hairline-width) solid var(--outline);border-radius:var(--radius-control);background:var(--background);color:var(--text-primary);font:var(--text-body)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);outline:none}.muted{color:var(--text-secondary)}.subtle{font-size:var(--text-subtle-size);color:var(--text-tertiary)}.eyebrow{font:var(--text-eyebrow);color:var(--text-secondary)}.banner{border-radius:var(--radius-control);padding:var(--banner-pad-y) var(--gap-block);font:var(--text-meta);background:var(--surface-raised);color:var(--text-primary);justify-content:space-between}.home-header{justify-content:space-between}.tile{text-align:left;cursor:pointer;width:100%;color:inherit;border:none}.tile:hover{background:var(--surface-raised)}.tile-title{font:var(--text-title-lg)}.tile-stats{gap:var(--gap-tight) var(--gap-block);font:var(--text-meta);color:var(--text-secondary);flex-wrap:wrap;display:flex}.sheet-backdrop{z-index:20;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--page-max);border-radius:var(--radius-card) var(--radius-card) 0 0;max-height:90vh;padding-bottom:calc(var(--gap-block) + env(safe-area-inset-bottom));overflow-y:auto}.sheet:focus{outline:none}.sheet-header{justify-content:space-between}.sheet-title{font:var(--text-title-lg);margin:0}.sheet-section{gap:var(--gap-tight);border:none;flex-direction:column;margin:0;padding:0;display:flex}.choice{align-items:center;gap:var(--gap-row);min-height:var(--hit-min);cursor:pointer;display:flex}.choice input{accent-color:var(--accent);width:var(--gap-block);height:var(--gap-block);margin:0}.game-view{height:100dvh;max-width:var(--page-max);flex-direction:column;margin:0 auto;display:flex}.game-header{justify-content:space-between;align-items:center;gap:var(--gap-row);min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gap-tight) 0;flex-shrink:0;display:flex}.game-header-text{font:var(--text-meta);flex-direction:column;align-items:center;display:flex}.game-header-title{font:var(--text-title-md)}.game-field{min-height:0;padding:0 var(--page-padding) env(safe-area-inset-bottom);flex:1}.game-placeholder{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.result-backdrop{z-index:20;padding:var(--page-padding);background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-card{width:100%;max-width:var(--page-max);text-align:center;align-items:center}.result-title{font:var(--text-title-lg);margin:0}.icon{width:var(--icon);height:var(--icon)}.visually-hidden{width:var(--hairline-width);height:var(--hairline-width);margin:calc(-1 * var(--hairline-width));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.field{box-sizing:border-box;justify-content:center;gap:var(--row-gap);height:100%;min-height:0;padding-top:var(--lift);flex-direction:column;display:flex;overflow:hidden}.tube-row{justify-content:center;gap:var(--tube-gap);display:flex}.tube{appearance:none;box-sizing:border-box;font:inherit;color:inherit;width:var(--hit-min);min-width:var(--hit-min);height:var(--tube-height-dyn,var(--tube-min));background:var(--surface-sunken);border:var(--hairline-width) solid var(--text-tertiary);border-radius:0 0 var(--tube-radius) var(--tube-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-pour);flex-direction:column-reverse;margin:0;padding:0;display:flex;overflow:hidden}.tube:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.tube--selected{transform:translateY(calc(-1 * var(--lift)));z-index:10;isolation:isolate;position:relative}.tube--locked{border-color:var(--outline)}.tube--shake{animation:tube-shake var(--duration-shake) ease-in-out}@keyframes tube-shake{0%,to{translate:0}25%{translate:calc(-1 * var(--gap-tight))}75%{translate:var(--gap-tight)}}.segment{box-sizing:border-box;height:25%;color:var(--scrim);transition:height var(--duration-pour), opacity var(--duration-pour);flex-shrink:0;justify-content:center;align-items:center;display:flex}.segment--empty{opacity:0;height:0}.segment--hidden{background:var(--glass-hidden);color:var(--text-primary)}.symbol{width:var(--symbol);height:var(--symbol);flex-shrink:0}