:root{--bg-1:#fff5e2;--bg-2:#ffe7c4;--bg-3:#ffd9a8;--card:#fff;--card-soft:#fff8ec;--card-edge:#f3dcb6;--ink:#2b2218;--ink-2:#4d4032;--ink-3:#806b54;--accent:#ff8a3d;--accent-soft:#ffb785;--accent-deep:#d96a23;--stable:#4caf50;--stable-soft:#c8e6c9;--risky:#f5a623;--risky-soft:#fde2b4;--collapse:#e74c3c;--collapse-soft:#f9c8c2;--gold:#ffd255;--gold-deep:#e6a72c;--r-sm:10px;--r:16px;--r-lg:22px;--r-pill:999px;--header-tuck:28px;--shadow-sm:0 1px 0 #3c281414, 0 4px 10px -4px #78501e2e;--shadow:0 2px 0 #3c28141a, 0 12px 24px -10px #78501e38;--shadow-lg:0 3px 0 #3c28141a, 0 24px 36px -14px #78501e4d;--display:"SF Pro Rounded", "Avenir Next Rounded", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body:var(--display);--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(var(--vibe-tint,transparent), var(--vibe-tint,transparent)), radial-gradient(1200px 600px at 80% -10%, var(--bg-3), transparent 70%), radial-gradient(800px 500px at 10% 110%, var(--bg-3), transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-2));color:var(--ink);font-family:var(--body);letter-spacing:.005em;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;flex-direction:column;min-height:100vh;font-size:15px;font-weight:600;line-height:1.35;display:flex}button{font:inherit;-webkit-tap-highlight-color:transparent}body:not([data-app-ready]) .header,body:not([data-app-ready]) .stage,body:not([data-app-ready]) .footer{visibility:hidden}.header{z-index:5;margin-bottom:calc(-1 * var(--header-tuck));grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:16px 24px;display:grid;position:relative}.header:before{content:"";background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-1) 16%, #fff5e200 100%);pointer-events:none;z-index:-1;height:calc(100% + 20px);position:absolute;top:0;left:0;right:0}.brand{align-items:center;display:flex}.brand-text{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.brand-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;font-size:22px;font-weight:900;font:inherit;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:left;background:0 0;border:none;margin:0;padding:0;font-size:22px;font-weight:900;line-height:1}.brand-name:hover,.brand-name:focus-visible{color:var(--accent-deep);outline:none}.brand-name:focus-visible{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.readouts{justify-content:center;gap:14px;display:flex}.badge{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:118px;padding:8px 14px 8px 10px;display:grid}.badge-icon{background:var(--card-soft);border:2px solid var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.badge-score .badge-icon{background:#fff2bf}.badge-count .badge-icon{background:#fff3df}.badge-roommates .badge-icon{background:#fde4cc}.badge-roommates[data-bump=true]{animation:.36s cubic-bezier(.34,1.56,.64,1) badge-bump}.badge-body{flex-direction:column;line-height:1;display:flex}.badge-label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.badge-value{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:2px;font-size:22px;font-weight:800}.badge-value[data-display=empty]{color:var(--ink-3)}.badge-value[data-display=negative]{color:var(--collapse)}.badge-value[data-display=deep-negative]{color:var(--collapse);animation:2.4s ease-in-out infinite deep-negative-wobble}@keyframes deep-negative-wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.badge-score[data-bump=true]{animation:.36s cubic-bezier(.34,1.56,.64,1) badge-bump}@keyframes badge-bump{0%{transform:scale(1)}35%{transform:scale(1.08)translateY(-2px)}to{transform:scale(1)translateY(0)}}.actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--r-pill);border:2.5px solid var(--ink);background:var(--card);color:var(--ink);font-family:var(--display);letter-spacing:.02em;text-transform:lowercase;cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:transform 80ms,background .12s,box-shadow .12s;display:inline-flex}.btn-icon{place-items:center;display:grid}.btn:hover{background:var(--card-soft);box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn[data-active=true]{background:var(--accent);color:#fff;border-color:var(--ink)}.btn[data-active=true] .btn-icon svg path{stroke:#fff}.stage{flex:auto;grid-template-rows:1fr;grid-template-columns:240px 1fr;gap:20px;min-height:0;padding:6px 24px 18px;display:grid}.inspector{display:none}@media (hover:hover) and (pointer:fine) and (min-width:901px){.stage{grid-template-columns:240px 1fr 256px}.inspector{display:block}}.palette{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}.palette-section-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;color:var(--accent-deep);margin:10px 4px 2px;font-size:10px;font-weight:700}.palette-section-label:first-child{margin-top:0}.palette-item{background:var(--card-soft);border-radius:var(--r);cursor:pointer;text-align:left;color:var(--ink);font-family:var(--display);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:2.5px solid #0000;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-weight:700;transition:transform 80ms,background .12s,border-color .12s,box-shadow .12s;display:grid}body[data-touch="1"] .palette-item{-webkit-tap-highlight-color:transparent;touch-action:none}.palette-item:hover{border-color:var(--accent-soft);background:#fff;transform:translateY(-1px)}.palette-item:active{transform:translateY(1px)}.palette-item[data-selected=true]{border-color:var(--accent);box-shadow:var(--shadow), inset 0 0 0 3px #ff8a3d2e;background:#fff}.palette-swatch{border:2px solid var(--ink);background:linear-gradient(160deg,#fff7e6,#ffe2c0);border-radius:12px;flex:none;place-items:center;width:44px;height:36px;display:grid;box-shadow:inset 0 -3px #3c28141a}.palette-swatch svg{display:block}.palette-name{font-size:14px}.palette-meta{font-family:var(--display);color:var(--ink-3);letter-spacing:.04em;border:2px solid var(--ink);border-radius:var(--r-pill);background:#fff;padding:2px 8px;font-size:11px;font-weight:700}.sink-wrap{width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative}#sink{cursor:pointer;touch-action:none;background:0 0;width:100%;height:100%;display:block}.float-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rivalry-chip{top:calc(10px + var(--header-tuck));line-height:1;font-family:var(--display);pointer-events:none;z-index:3;border:2.5px solid var(--ink);border-radius:var(--r-pill);background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);align-items:center;padding:5px 13px;font-weight:800;display:inline-flex;position:absolute;left:14px}.rivalry-chip[hidden]{display:none}#rivalry-chip{background:var(--accent);color:#fff}.roommate-chip{color:#fff;background:#c0392b}.rivalry-beat{text-transform:uppercase;letter-spacing:.06em;color:inherit;align-items:baseline;gap:6px;font-size:14px;display:inline-flex}.rivalry-beat-label{letter-spacing:.08em;color:inherit;font-weight:800}.rivalry-beat-value{font-variant-numeric:tabular-nums;color:inherit;font-weight:900}.float-pop{font-family:var(--display);color:var(--accent-deep);text-shadow:-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff,0 3px #3c28142e;pointer-events:none;font-size:22px;font-weight:800;animation:.9s ease-out forwards float-rise;position:absolute;transform:translate(-50%,-50%)}.float-pop[data-tone=bad]{color:var(--collapse)}.float-pop-status{white-space:nowrap;font-size:.72em}@keyframes float-rise{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-75%)scale(1.18)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.hud{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;pointer-events:none;text-align:center;opacity:.85;font-size:10.5px;position:absolute;bottom:12px;left:14px;right:14px}.toast{top:calc(16px + var(--header-tuck));background:var(--ink);color:#fff;font-family:var(--display);letter-spacing:.04em;text-transform:lowercase;border:2.5px solid var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow);opacity:0;pointer-events:none;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .22s,transform .26s cubic-bezier(.34,1.56,.64,1);position:absolute;left:50%;transform:translate(-50%)translateY(-6px)}.toast[data-show=true]{opacity:1;transform:translate(-50%)translateY(0)}.toast[data-kind=risky]{background:var(--risky);color:var(--ink);border-color:var(--ink)}.toast[data-kind=collapse]{background:var(--collapse);color:#fff}.toast[data-kind=good]{background:var(--stable);color:#fff}.inspector{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px;overflow-y:auto}.inspector h3{font-family:var(--display);margin:0 0 12px;font-size:17px;font-weight:800}.inspector dl{font-family:var(--display);grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 14px;font-size:12px;font-weight:700;display:grid}.inspector dt{color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.inspector dd{font-variant-numeric:tabular-nums;margin:0}.muted{color:var(--ink-3);font-size:13px}.kv{font-family:var(--display);border-top:2px dashed var(--card-edge);grid-template-columns:1fr auto;gap:4px 8px;margin-top:8px;padding-top:10px;font-size:12px;font-weight:700;display:grid}.kv span{color:var(--ink-3)}.kv b{font-variant-numeric:tabular-nums;font-weight:800}.footer{text-align:center;padding:8px 24px 16px}.footer .footer-hint{letter-spacing:.01em;font-size:12.5px}.legal-link{right:max(8px, env(safe-area-inset-right));bottom:max(4px, env(safe-area-inset-bottom));z-index:11000;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);background:#fff7e6d9;border:1.5px solid #3a2f2440;padding:8px 12px;font-size:10px;font-weight:700;transition:color .12s,background .12s,border-color .12s;position:fixed}.legal-link:hover,.legal-link:focus-visible{color:var(--ink);border-color:var(--ink);background:#fff;outline:none}.onboarding.legal-overlay{z-index:12000}.legal-card{max-width:560px}body:not([data-mode]) #settings-toggle{display:none}.onboarding.settings-overlay{z-index:12000}.settings-card{width:min(460px,100vw - 24px)}.settings-body{text-align:left;flex-direction:column;gap:18px;max-height:min(64vh,520px);display:flex;overflow-y:auto}.settings-group{flex-direction:column;gap:10px;display:flex}.settings-group-title{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);border-bottom:2px solid var(--ink);margin:0;padding-bottom:4px;font-size:12px;font-weight:800}.settings-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-label{color:var(--ink);font-size:14px;font-weight:700}.settings-row-desc{color:var(--ink-3);font-size:12px;line-height:1.4}.settings-switch{border:2.5px solid var(--ink);border-radius:var(--r-pill);cursor:pointer;background:#e7e0d4;flex:none;width:48px;height:28px;padding:0;transition:background .14s}.settings-switch .settings-switch-track{width:100%;height:100%;display:block;position:relative}.settings-switch .settings-switch-knob{background:var(--card);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-top:-9px;transition:left .14s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:2px}.settings-switch[aria-checked=true]{background:var(--accent)}.settings-switch[aria-checked=true] .settings-switch-knob{left:22px}.settings-switch:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.settings-row-slider{flex-direction:column;align-items:stretch;gap:8px}.settings-slider-control{align-items:center;gap:12px;display:flex}.settings-slider{min-width:0;accent-color:var(--accent);cursor:pointer;flex:auto}.settings-slider-out{text-align:center;min-width:2.2em;font-family:var(--display);color:var(--ink);background:var(--card-soft);border:2px solid var(--ink);border-radius:var(--r-pill);flex:none;padding:2px 8px;font-size:16px;font-weight:800}.settings-group-desc{margin:-2px 0 2px}.dish-palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.dish-swatch{border:2.5px solid var(--ink);cursor:pointer;background:var(--card-soft);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.dish-swatch:focus-within{outline:3px solid var(--accent-deep);outline-offset:2px}.dish-swatch-fill{background:var(--c,#ccc);aspect-ratio:1;place-items:center;padding:4px;display:grid}.dish-swatch-icon{width:88%;height:88%;display:block}.dish-swatch-icon path,.dish-swatch-icon ellipse,.dish-swatch-icon rect{stroke:var(--swatch-line,#241d14)}.dish-swatch-name{color:var(--ink);text-align:center;padding:3px 2px 0;font-size:10px;font-weight:700;line-height:1.15}.dish-swatch-hex{text-transform:uppercase;text-align:center;color:var(--ink-3);padding:0 2px 4px;font-family:ui-monospace,monospace;font-size:9px}.dish-swatch-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.dish-palette-actions{justify-content:flex-end;margin-top:2px;display:flex}.dish-palette-reset{padding:5px 14px;font-size:12px}.legal-body{text-align:left;max-height:min(60vh,480px);padding:8px 4px;font-size:13px;line-height:1.5;overflow-y:auto}.legal-body p{margin:0 0 10px}.legal-body p:last-child{margin-bottom:0}.legal-actions{justify-content:center}.legal-body p.legal-highlight{border-radius:6px;animation:2.2s ease-out legal-flash}@keyframes legal-flash{0%,25%{background:color-mix(in srgb, var(--accent-soft) 60%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.legal-body p.legal-highlight{animation:none}}.inspector h3+.score-dl,.score-dl{margin-top:8px}.inspector-sub{font-family:var(--display);text-transform:lowercase;letter-spacing:.04em;color:var(--ink-2);margin:18px 0 0;font-size:13px;font-weight:800}.score-dl{font-family:var(--display);grid-template-columns:52px 1fr;gap:8px 12px;margin-bottom:14px;font-size:12px;font-weight:700;display:grid}.score-dl dt{text-align:right;font-variant-numeric:tabular-nums;align-self:start;margin:0;padding-top:2px;font-size:13px;font-weight:800}.score-dl dt.positive{color:var(--stable)}.score-dl dt.negative{color:var(--collapse)}.score-dl dt.zero{color:var(--ink-3)}.score-dl dd{flex-direction:column;gap:1px;margin:0;display:flex}.score-dl dd .name{text-transform:lowercase;letter-spacing:.04em;color:var(--ink);font-size:12px;font-weight:800}.score-dl dd .desc{color:var(--ink-3);font-size:10.5px;font-weight:500;line-height:1.3}.score-dl dt.total,.score-dl dd.total{border-top:2px dashed var(--card-edge);margin-top:4px;padding-top:10px}.score-dl dt.total{align-self:center;padding-top:12px;font-size:18px}.score-dl dd.total{justify-content:center}.score-dl dd.total .name{text-transform:uppercase;letter-spacing:.12em;font-size:14px}@media (max-width:900px),(orientation:portrait) and (max-width:1100px){body{height:100dvh;min-height:100dvh;font-size:14px;overflow:hidden}.header{grid-template:"brand.actions""readouts readouts readouts"/auto 1fr auto;gap:6px 8px;padding:8px 10px}.brand{grid-area:brand;gap:0}.readouts{grid-area:readouts;justify-content:space-between;gap:6px}.actions{grid-area:actions}.brand-name{letter-spacing:.04em;font-size:15px}.badge{border-radius:var(--r);flex:1 1 0;grid-template-columns:auto auto;justify-content:center;gap:6px;min-width:0;padding:6px 12px 6px 6px}.badge-icon{width:28px;height:28px}.badge-icon svg{width:18px;height:18px}.badge-label{display:none}.badge-value{margin-top:0;font-size:16px}.actions{gap:6px}.btn-action{border-radius:14px;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.btn-action .btn-label{display:none}.stage{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:0;padding:6px 8px 2px}.inspector{display:none}.palette{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x;flex-direction:row;flex:none;grid-row:2/3;align-items:stretch;gap:8px;padding:0 16px 8px;scroll-padding-inline:16px;overflow:auto hidden}.palette-section-label{letter-spacing:.18em;color:var(--accent-deep);writing-mode:vertical-rl;text-orientation:mixed;scroll-snap-align:start;flex:none;align-self:center;margin:0 2px;padding:4px 0;font-size:9px;line-height:1;transform:rotate(180deg)}.palette-item{scroll-snap-align:start;flex-direction:column;flex:none;grid-template-columns:none;justify-content:center;align-items:center;gap:6px;min-width:80px;min-height:80px;padding:10px 12px}.palette-item .palette-meta{display:none}.palette-item .palette-name{text-align:center;white-space:nowrap;font-size:12px}.palette-swatch{width:52px;height:38px}.palette-swatch svg{width:36px;height:26px}.palette-item.finite-row{position:relative}.palette-item .finite-count{letter-spacing:0;pointer-events:none;border-width:1.5px;padding:0 5px;font-size:10px;line-height:14px;display:inline-block;position:absolute;top:2px;right:4px}.hud,.footer{display:none}}.onboarding{z-index:9999;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);place-items:center;animation:.24s ease-out onb-fade-in;display:grid;position:fixed;inset:0}.onboarding.onb-leaving{animation:.22s ease-in forwards onb-fade-out}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onb-fade-out{0%{opacity:1}to{opacity:0}}.onboarding.is-elevated{z-index:11500}.onb-backdrop{-webkit-backdrop-filter:blur(3px);cursor:pointer;background:radial-gradient(800px 500px at 50% 20%,#fff0dceb,#fff0dcc7 60%,#3c2814a6 100%);position:absolute;inset:0}.onb-card{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r-lg);width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:20px 22px 18px;animation:.32s cubic-bezier(.34,1.56,.64,1) onb-pop;display:flex;position:relative;overflow-y:auto}@keyframes onb-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.onb-skip{background:var(--card-soft);border:2px solid var(--ink);border-radius:var(--r-pill);min-height:36px;color:var(--ink-2);font-family:var(--display);text-transform:lowercase;letter-spacing:.08em;cursor:pointer;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:background .12s,transform 80ms;display:inline-flex;position:absolute;top:10px;right:10px}.onb-skip:hover{background:#fff;transform:translateY(-1px)}.onb-skip:active{transform:translateY(1px)}.onb-art{aspect-ratio:11/8;border:2px solid var(--ink);border-radius:var(--r);background:linear-gradient(#ffe7c4,#fff5e2);place-items:center;width:100%;margin-top:6px;display:grid;overflow:hidden}.onb-art svg{width:92%;height:92%}.onb-title{font-family:var(--display);letter-spacing:-.005em;color:var(--ink);margin:4px 0 0;font-size:22px;font-weight:900}.onb-body{font-family:var(--display);color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.45}.onb-body p{margin:0 0 6px}.onb-body p:last-child{margin-bottom:0}.onb-body b,.onb-body strong{color:var(--ink);font-weight:800}.onb-body .onb-sub{color:var(--ink-3);font-size:13px}.onb-body .onb-tip{border:2px solid var(--ink);border-radius:var(--r);color:var(--ink);background:#fff3df;margin-top:10px;padding:8px 12px;font-size:13px}.onb-body .onb-tip b{color:var(--accent-deep);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.onb-records{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 2px;display:grid}.onb-record{background:var(--card-soft);border:2.5px solid var(--ink);border-radius:var(--r);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.onb-record-best{background:#eaf6eb}.onb-record-worst{background:#fde7e3}.onb-record-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);font-size:10px;font-weight:700}.onb-record-value{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px;font-weight:900}.onb-record-best .onb-record-value{color:var(--stable)}.onb-record-worst .onb-record-value{color:var(--collapse)}.onb-dots{justify-content:center;gap:6px;margin:6px 0 0;display:flex}.onb-dot{background:var(--card-edge);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px;transition:background .18s,transform .18s}.onb-dot.is-active{background:var(--accent);transform:scale(1.25)}.onb-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.onb-btn{border-radius:var(--r-pill);border:2.5px solid var(--ink);min-height:44px;font-family:var(--display);letter-spacing:.02em;text-transform:lowercase;cursor:pointer;box-shadow:var(--shadow-sm);flex:none;padding:9px 18px;font-size:14px;font-weight:800;transition:transform 80ms,background .12s,box-shadow .12s}.onb-btn:active{box-shadow:none;transform:translateY(1px)}.onb-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.onb-btn-secondary{background:var(--card);color:var(--ink)}.onb-btn-secondary:hover:not(:disabled){background:var(--card-soft);transform:translateY(-1px)}.onb-btn-primary{background:var(--accent);color:#fff}.onb-btn-primary:hover{background:var(--accent-deep);transform:translateY(-1px)}.onb-btn-tertiary{background:var(--card-soft,var(--card));color:var(--ink);border-style:dashed}.onb-btn-tertiary:hover:not(:disabled){background:var(--card);transform:translateY(-1px)}.hot-tip{z-index:9998;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);place-items:center;animation:.2s ease-out onb-fade-in;display:grid;position:fixed;inset:0}.hot-tip.hot-tip-leaving{animation:.2s ease-in forwards onb-fade-out}.hot-tip-backdrop{-webkit-backdrop-filter:blur(2px);cursor:pointer;background:radial-gradient(700px 420px at 50% 25%,#fff0dcdb,#fff0dcb3 60%,#3c28148c 100%);position:absolute;inset:0}.hot-tip-card{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r-lg);width:min(360px,100vw - 24px);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:18px 22px 16px;animation:.28s cubic-bezier(.34,1.56,.64,1) onb-pop;display:flex;position:relative}.hot-tip-x{background:var(--card-soft);border:2px solid var(--ink);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,transform 80ms;display:inline-flex;position:absolute;top:8px;right:8px}.hot-tip-x:hover{background:#fff;transform:scale(1.05)}.hot-tip-x:active{transform:scale(.95)}.hot-tip-eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);padding-right:36px;font-size:12px;font-weight:900}.hot-tip-body{font-family:var(--display);color:var(--ink);margin:0;font-size:15px;font-weight:700;line-height:1.4}.hot-tip-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.hot-tip-btn{border-radius:var(--r-pill);border:2.5px solid var(--ink);min-height:40px;font-family:var(--display);letter-spacing:.02em;text-transform:lowercase;cursor:pointer;box-shadow:var(--shadow-sm);flex:none;padding:8px 16px;font-size:13px;font-weight:800;transition:transform 80ms,background .12s,box-shadow .12s}.hot-tip-btn:active{box-shadow:none;transform:translateY(1px)}.hot-tip-btn-secondary{background:var(--card);color:var(--ink)}.hot-tip-btn-secondary:hover{background:var(--card-soft);transform:translateY(-1px)}.hot-tip-btn-primary{background:var(--accent);color:#fff}.hot-tip-btn-primary:hover{background:var(--accent-deep);transform:translateY(-1px)}.onb-anim{opacity:0;transform-origin:50% 100%;animation:.48s cubic-bezier(.34,1.56,.64,1) forwards onb-drop;transform:translateY(-18px)}.onb-anim-1{animation-delay:80ms}.onb-anim-2{animation-delay:.26s}.onb-anim-3{animation-delay:.44s}.onb-anim-4{animation-delay:.62s}@keyframes onb-drop{to{opacity:1;transform:translateY(0)}}.onb-anim-pulse{opacity:1;animation:1.4s ease-in-out infinite onb-pulse;transform:none}@keyframes onb-pulse{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@media (max-width:480px){.onb-card{gap:10px;padding:18px 18px 16px}.onb-title{font-size:20px}.onb-body{font-size:13.5px}.onb-record-value{font-size:22px}.onb-art{aspect-ratio:11/7}}[data-mode-only=ultimate],[data-mode-only=roommate],[data-mode-only=headToHead],[data-mode-only=fastStack],[data-mode-only~=ultimate],[data-mode-only~=roommate],[data-mode-only~=headToHead],[data-mode-only~=fastStack]{display:none}body[data-mode=ultimate] [data-mode-only~=ultimate],body[data-mode=ultimate] [data-mode-only=both],body[data-mode=roommate] [data-mode-only~=roommate],body[data-mode=roommate] [data-mode-only=both],body[data-mode=headToHead] [data-mode-only~=headToHead],body[data-mode=headToHead] [data-mode-only=both],body[data-mode=fastStack] [data-mode-only~=fastStack],body[data-mode=fastStack] [data-mode-only=both]{display:grid}.badge-roommates.flash{animation:.48s cubic-bezier(.34,1.56,.64,1) badge-flash}@keyframes badge-flash{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.badge-timer .badge-value{font-variant-numeric:tabular-nums}#home{background:var(--card)}#home:hover{background:var(--card-soft)}.intro{z-index:10000;place-items:center;animation:.28s ease-out intro-fade-in;display:grid;position:fixed;inset:0}.intro.intro-leaving{animation:.22s ease-in forwards intro-fade-out}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0}}.intro-backdrop{background:radial-gradient(900px 600px at 50% 30%, var(--bg-1), var(--bg-2) 60%, var(--bg-3) 100%);position:absolute;inset:0}.intro-shell{flex-direction:column;gap:14px;width:min(820px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px 18px;display:flex;position:relative;overflow-y:auto}.intro-brand{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.intro-brand-name{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:32px;font-weight:900}.intro-brand-name:hover,.intro-brand-name:focus-visible{color:var(--accent-deep);outline:none}.intro-brand-name:focus-visible{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.intro-brand-sub{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-deep);font-size:12px;font-weight:700}.intro-settings{width:40px;height:40px;color:var(--ink);background:var(--card);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,transform 80ms,color .12s;display:inline-flex;position:absolute;top:10px;right:10px}.intro-settings:hover{background:var(--card-soft);color:var(--accent-deep);transform:translateY(-1px)rotate(20deg)}.intro-settings:active{transform:translateY(0)rotate(20deg)}.intro-settings:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.intro-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.intro-card{background:var(--card);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);font-family:var(--display);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px;transition:transform .12s,box-shadow .12s,background .12s;display:flex;position:relative;overflow:hidden}.intro-card:before{content:"";background:linear-gradient(180deg, transparent 60%, var(--mode-accent,var(--accent-soft)));opacity:.22;pointer-events:none;position:absolute;inset:0}.intro-card:hover{box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-2px)}.intro-card:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.intro-ctas{z-index:1;gap:8px;width:100%;margin-top:4px;display:flex;position:relative}.intro-ctas>button{flex:1 1 0;min-width:0}.intro-howto{appearance:none;border:2px solid var(--ink);border-radius:var(--r-pill);color:var(--ink);font-family:var(--display);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;background:#fff;padding:7px 12px;font-size:12px;font-weight:700;transition:background .12s,transform 80ms}.intro-howto:hover{background:var(--card-soft)}.intro-howto:active{transform:translateY(1px)}.intro-howto:focus-visible{outline:2.5px solid var(--mode-accent,var(--accent));outline-offset:3px}.intro-board{appearance:none;border:2px solid var(--ink);border-radius:var(--r-pill);color:var(--ink);font-family:var(--display);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;background:#fff;padding:7px 12px;font-size:12px;font-weight:700;transition:background .12s,transform 80ms}.intro-board:hover{background:var(--card-soft)}.intro-board:active{transform:translateY(1px)}.intro-board:focus-visible{outline:2.5px solid var(--mode-accent,var(--accent));outline-offset:3px}.intro-art{aspect-ratio:3/2;background:linear-gradient(160deg, var(--mode-accent,var(--accent-soft)), #fff);border:2px solid var(--ink);border-radius:var(--r);place-items:center;width:100%;max-width:160px;display:grid}.intro-art svg{width:70%;height:70%}.intro-title{font-family:var(--display);letter-spacing:.02em;color:var(--ink);margin:2px 0 0;font-size:18px;font-weight:900}.intro-caption{font-family:var(--display);color:var(--ink-2);margin:0;font-size:13px;font-weight:600;line-height:1.35}.intro-cta{appearance:none;background:var(--mode-accent,var(--accent));color:#2b2218;border:2.5px solid var(--ink);border-radius:var(--r-pill);font-family:var(--display);text-transform:lowercase;letter-spacing:.04em;cursor:pointer;padding:7px 12px;font-size:12px;font-weight:800;transition:transform 80ms,filter .12s}.intro-cta:hover{filter:brightness(1.05)}.intro-cta:active{transform:translateY(1px)}.intro-cta:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.intro-records{background:#fff3df8c;border:1.5px solid #2b22182e;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:4px 0 0;padding:8px 10px;display:grid}.intro-records>div{flex-direction:column;align-items:center;gap:2px;display:flex}.intro-records dt{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10px;font-weight:700}.intro-records dd{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:800}.rec-unverified{color:var(--ink-3);margin-left:1px;font-weight:700}.intro-legend{text-align:center;color:var(--ink-3);margin:2px 0 0;font-size:12px}.intro-legend .rec-unverified{margin:0 2px 0 0}.intro-legend-why{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;text-decoration:underline}.intro-legend-why:hover{color:var(--ink)}@media (max-width:600px){.intro-shell{gap:10px;padding:12px}.intro-brand-name{font-size:24px}.intro-brand-sub{font-size:11px}.intro-grid{gap:10px}.intro-card{gap:6px;padding:12px 12px 10px}.intro-art{max-width:130px}.intro-title{font-size:16px}.intro-caption{font-size:12px}.intro-records dd{font-size:15px}.intro-records dt{font-size:9px}}.splash-shell{text-align:center;align-items:center;gap:18px;max-width:520px;padding:28px 24px 22px}.splash-presents{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:12px;font-weight:700}.splash-wordmark{margin:-4px 0 0;font-size:40px}.splash-pitch{font-family:var(--display);color:var(--ink-2);max-width:380px;margin:0;font-size:15px;font-weight:600;line-height:1.5}.splash-actions{justify-content:center;margin-top:4px;display:flex}.splash-continue{letter-spacing:.04em;min-width:160px;font-size:14px}.splash-version{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:11px;font-weight:700}.splash-ack-shell{text-align:left;align-items:stretch;max-width:540px}.splash-ack-title{font-family:var(--display);letter-spacing:.02em;text-transform:lowercase;color:var(--ink);text-align:center;margin:0;font-size:22px;font-weight:900}.splash-ack-body{font-family:var(--display);color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.5}.splash-ack-body p{margin:0 0 10px}.splash-ack-body p:last-child{margin-bottom:0}.splash-ack-body b{color:var(--ink);font-weight:800}.splash-ack-list{flex-direction:column;gap:8px;margin:0 0 10px;padding-left:22px;display:flex}.splash-ack-list li{font-family:var(--display);color:var(--ink-2);font-size:13px;font-weight:600;line-height:1.5}.splash-ack-tip{border:2px solid var(--ink);border-radius:var(--r);color:var(--ink);background:#fff3df;padding:10px 12px;font-size:13px}.splash-ack-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}@media (max-width:600px){.splash-shell{gap:14px;padding:20px 16px 16px}.splash-wordmark{font-size:30px}.splash-pitch{font-size:13px}.splash-ack-shell{max-width:none}.splash-ack-title{font-size:18px}.splash-ack-body{font-size:13px}.splash-ack-list li,.splash-ack-tip{font-size:12px}.splash-ack-actions .onb-btn{flex:100%}}.challenge-briefing-shell{gap:14px;max-width:560px}.cb-target{background:var(--accent);color:#2b2218;border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:2px;margin-top:2px;padding:10px 22px;display:flex}.cb-target-label{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);font-size:10px;font-weight:800}.cb-target-value{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1.05}.cb-pitch{font-family:var(--display);color:var(--ink-2);text-align:center;max-width:420px;margin:0;font-size:14px;font-weight:600;line-height:1.45}.cb-pitch b{color:var(--ink);font-weight:800}.cb-inventory{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.cb-inv-list{border-radius:var(--r);background:#fff3df8c;border:2px solid #2b221838;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 12px;width:100%;margin:0;padding:8px 10px;list-style:none;display:grid}.cb-inv-row{border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.cb-inv-icon{place-items:center;display:grid}.cb-inv-icon svg{width:100%;height:auto;max-height:28px}.cb-inv-name{font-family:var(--display);color:var(--ink);text-align:left;font-size:13px;font-weight:700}.cb-inv-count{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.cb-inv-total{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:700}.cb-empty{font-family:var(--display);color:var(--ink-3);text-align:center;margin:0;font-size:13px;font-weight:600}@media (max-width:600px){.challenge-briefing-shell{max-width:none}.cb-target-value{font-size:32px}.cb-pitch{font-size:13px}.cb-inv-list{grid-template-columns:1fr}.cb-inv-name{font-size:12px}.cb-inv-count{font-size:14px}}.conveyor-host{flex-direction:column;gap:8px;position:relative;padding:12px!important;display:flex!important;overflow:hidden!important}.conveyor-label{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);text-align:center;flex:none;font-size:10px;font-weight:800}.conveyor-belt{border:2px solid var(--ink);border-radius:var(--r);background:repeating-linear-gradient(0deg,#0000 0 22px,#c8b89359 22px 24px),linear-gradient(#fff5e2,#ffe7c4);flex:auto;min-height:0;margin:0;padding:0;list-style:none;position:relative;overflow:hidden}.conveyor-item{left:50%;top:calc(4px + var(--pos,0) * (100% - 88px));background:var(--card);border:2.5px solid var(--ink);border-radius:var(--r);cursor:pointer;width:96px;min-height:84px;font-family:var(--display);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;align-items:center;gap:4px;padding:7px;font-weight:700;transition:background .12s,border-color .12s,transform 80ms;display:flex;position:absolute;transform:translate(-50%)}body[data-touch="1"] .conveyor-item{-webkit-tap-highlight-color:transparent;touch-action:none}.conveyor-item:hover{background:#fff}.conveyor-item.is-warn{border-color:var(--risky);background:#fde2b4}.conveyor-item.is-danger{background:var(--collapse-soft);border-color:var(--collapse);animation:.7s ease-in-out infinite conv-pulse}.conveyor-item.is-armed{border-color:var(--accent);box-shadow:var(--shadow), inset 0 0 0 3px #ff8a3d38;background:#fff}@keyframes conv-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.04)}}.conveyor-swatch{place-items:center;width:60px;height:42px;display:grid}.conveyor-swatch svg{width:100%;height:100%;display:block}.conveyor-name{letter-spacing:.02em;text-align:center;white-space:nowrap;color:var(--ink-2);font-size:11px}.conveyor-fuse{display:none}@media (max-width:900px),(orientation:portrait) and (max-width:1100px){.conveyor-host{flex-direction:column;padding:8px 16px!important}.conveyor-label{display:none}.conveyor-belt{background:repeating-linear-gradient(90deg,#0000 0 22px,#c8b89359 22px 24px),linear-gradient(90deg,#fff5e2,#ffe7c4);min-height:80px}.conveyor-item{width:44px;min-height:50px;top:50%;left:calc(4px + var(--pos,0) * (100% - 52px));gap:2px;padding:3px;transform:translateY(-50%)}.conveyor-swatch{width:30px;height:22px}.conveyor-name{text-overflow:ellipsis;max-width:38px;font-size:9px;overflow:hidden}@keyframes conv-pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.04)}}}.board-verdict{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.board-verdict.is-ok{color:var(--accent-deep)}.board-verdict.is-fail{color:#b3402a}.board-table{border-collapse:collapse;width:100%;margin:0 0 6px}.board-table td{border-bottom:1px solid color-mix(in srgb, var(--ink-3) 25%, transparent);padding:6px 8px;font-size:14px}.board-table tr:last-child td{border-bottom:none}.board-rank{width:2.5em;color:var(--ink-3);font-family:var(--display);font-weight:700}.board-player{text-align:left;color:var(--ink-2)}.board-score{text-align:right;font-family:var(--display);color:var(--ink);font-weight:700}.board-table tr.is-you td{background:color-mix(in srgb, var(--accent-soft) 35%, transparent)}.board-table tr.is-you .board-score{color:var(--accent-deep)}.board-split{align-items:flex-start;gap:18px;display:flex}.board-col{flex:1 1 0;min-width:0}.board-col-label{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:left;margin:0 0 6px;font-size:11px;font-weight:700}@media (max-width:460px){.board-split{flex-direction:column;gap:14px}}.h2h-pick-card .onb-body{text-align:left}.h2h-pick-empty{margin:6px 0 12px}.h2h-pick-list{flex-direction:column;gap:6px;max-height:46vh;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow-y:auto}.h2h-pick-row{appearance:none;border:2px solid var(--ink);border-radius:var(--r);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:2px;padding:9px 12px;transition:background .12s,transform 80ms;display:flex}.h2h-pick-row:hover{background:var(--card-soft)}.h2h-pick-row:active{transform:translateY(1px)}.h2h-pick-row:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.h2h-pick-best{font-family:var(--display);color:var(--accent-deep);font-size:15px;font-weight:800}.h2h-pick-dishes{font-family:var(--display);color:var(--ink-2);font-size:12px;font-weight:600}.h2h-pick-paste-label{font-family:var(--display);text-transform:lowercase;letter-spacing:.03em;color:var(--ink-2);margin:2px 0 4px;font-size:12px;font-weight:700;display:block}.h2h-pick-paste-row{gap:8px;display:flex}.h2h-pick-paste{border:2px solid var(--ink);border-radius:var(--r-pill);min-width:0;font-family:var(--display);color:var(--ink);background:#fff;flex:auto;padding:8px 10px;font-size:12px}.h2h-pick-paste:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.h2h-pick-go{flex:none}.h2h-pick-error{color:#b3402a;margin:6px 0 0;font-size:12px}.end-extra{width:100%;margin:4px 0 2px}.end-card .onb-title{text-align:center}.end-subhead{text-align:center;margin:2px 0 6px;font-size:13px}.end-card .onb-body{text-align:center;padding:4px 0 8px}.end-stat{flex-direction:column;align-items:center;gap:2px;margin:0 0 12px;display:flex}.end-stat-label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:700}.end-stat-value{font-family:var(--display);letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:36px;font-weight:900;line-height:1}.end-record-new{color:#2b2218;border:2px solid var(--ink);border-radius:var(--r-pill);font-family:var(--display);letter-spacing:.05em;text-transform:lowercase;background:#ffd255;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:800;animation:.72s cubic-bezier(.34,1.56,.64,1) end-record-pop;display:inline-block}.end-stat.is-new .end-stat-value{color:#c46a18}@keyframes end-record-pop{0%{opacity:0;transform:scale(.5)rotate(-6deg)}60%{opacity:1;transform:scale(1.15)rotate(2deg)}to{transform:scale(1)rotate(0)}}.end-foot{margin:4px 0 0;font-size:12px}.end-prev{letter-spacing:.03em;margin:6px 0 0;font-size:11px}#score-badge[data-record]{animation:1.3s cubic-bezier(.34,1.56,.64,1) score-record-pop}#score-badge[data-record=best]{box-shadow:0 0 0 3px #ffd255b3}#score-badge[data-record=worst]{box-shadow:0 0 0 3px #e74c3c8c}@keyframes score-record-pop{0%{transform:scale(1)}20%{transform:scale(1.12)}to{transform:scale(1)}}.inv-builder .intro-shell{gap:14px;max-width:480px}.inv-builder[data-over=true] .inv-total-value{color:var(--collapse)}.inv-total{font-family:var(--display);color:var(--ink);justify-content:center;align-items:baseline;gap:8px;font-weight:800;display:flex}.inv-total-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:11px}.inv-total-value{font-variant-numeric:tabular-nums;color:var(--accent-deep);font-size:28px}.inv-total-cap{color:var(--ink-3);font-size:14px}.inv-rows{background:var(--card-soft);border:2px solid var(--ink);border-radius:var(--r);gap:6px;padding:8px 10px;display:grid}.inv-row{grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:4px 0;display:grid}.inv-row[data-empty=true] .inv-row-name,.inv-row[data-empty=true] .inv-count{color:var(--ink-3)}.inv-row-name{font-family:var(--display);color:var(--ink);font-size:13px;font-weight:700}.inv-row-controls{grid-template-columns:28px 1fr 28px 34px;align-items:center;gap:6px;display:grid}.inv-step{border:2px solid var(--ink);background:var(--card);width:28px;height:28px;font-family:var(--display);color:var(--ink);cursor:pointer;border-radius:8px;font-size:16px;font-weight:900;line-height:1}.inv-step:hover{background:#fff}.inv-step:active{transform:translateY(1px)}.inv-range{width:100%;accent-color:var(--accent)}.inv-count{font-family:var(--display);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:16px;font-weight:800}.inv-actions{justify-content:flex-end;gap:10px;display:flex}.inv-foot{text-align:center;margin:0;font-size:12px}.finite-row[disabled],.finite-row[aria-disabled=true]{opacity:.4;cursor:not-allowed}.finite-row[disabled] .finite-count{color:var(--collapse)}.finite-count{font-variant-numeric:tabular-nums;font-weight:800}.share-card{max-width:460px}.share-pitch{font-family:var(--display);color:var(--ink-2);text-align:center;margin:4px 0 10px;font-size:14px}.share-link-label{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 4px;font-size:10px;font-weight:800;display:block}.share-link-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.share-link-input{font-family:var(--mono);border:2px solid var(--ink);background:var(--card-soft);color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:8px;width:100%;padding:8px 10px;font-size:12px}.share-link-textarea{resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;min-height:6.5em;line-height:1.4;display:block}.share-copy-row{justify-content:center;margin-top:8px}.share-copy[data-copied=true]{background:var(--stable-soft);border-color:var(--stable)}.share-actions{justify-content:center}.share-mailto{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.share-foot{text-align:center;margin:6px 0 0;font-size:11px}.share-peek-toggle{font-family:var(--display);color:var(--ink-2);cursor:pointer;text-align:left;align-items:center;gap:8px;margin:8px 0 2px;font-size:12.5px;display:flex}.share-peek-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none}.cb-peek{flex-direction:column;align-items:center;gap:4px;margin:6px 0 2px;display:flex}.cb-peek-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-deep);font-size:11px;font-weight:700}.cb-peek-stage{aspect-ratio:16/11;border:2px solid var(--ink);width:100%;max-width:320px;box-shadow:var(--shadow-sm);background:linear-gradient(160deg,#fdf3e2 0%,#f6dcc0 100%);border-radius:14px;overflow:hidden}.cb-peek-canvas{width:100%;height:100%;display:block}.how-to-shell{text-align:left;-webkit-overflow-scrolling:touch;width:100%;max-width:640px;max-height:92dvh;padding:20px 22px 28px;overflow-y:auto}.how-to-close{z-index:20;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-family:var(--display);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;position:sticky;top:0}.how-to-close:hover{background:var(--card-soft)}.how-to-kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;color:var(--accent-deep);margin:4px 0 0;font-size:11px;font-weight:700}.how-to-title{font-family:var(--display);margin:2px 0 0;font-size:28px;font-weight:800}.how-to-tagline{color:var(--ink-2);margin:2px 0 12px;font-style:italic}.how-to-demo{flex-direction:column;gap:6px;margin:0;display:flex;position:relative}.how-to-demo-canvas{aspect-ratio:10/7;border:2px solid var(--ink);width:100%;box-shadow:var(--shadow-sm);background:linear-gradient(#fdf6e8,#f3e7cf);border-radius:12px;display:block}.how-to-demo figcaption{color:var(--ink-2);font-size:12.5px;line-height:1.4}.how-to-demo figcaption b{color:var(--ink)}.how-to-demo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:10px 0 4px;display:grid}.how-to-hero-demo{flex-direction:column;gap:14px;max-width:540px;margin:4px 0 16px;display:flex}.how-to-demo-stage{aspect-ratio:auto;height:auto;min-height:150px;padding:8px;display:block;overflow:hidden}.how-to-demo-stage[data-demo=mode-roommate-misses]{box-shadow:none;background:0 0;border:none;min-height:0;padding:0}.how-to-belt-stage{flex-direction:column;gap:8px;display:flex}.how-to-belt-counter{font-family:var(--display);color:var(--ink-2);font-size:13px;font-weight:700}.how-to-belt-counter b{color:var(--accent-deep);font-size:15px}.how-to-belt-counter span{color:var(--ink-3)}.how-to-belt{position:relative}.how-to-belt-still{text-align:center;min-height:110px;color:var(--ink-3);place-items:center;padding:12px;font-size:13px;display:grid}.how-to-belt.conveyor-host{padding:8px!important}.how-to-belt .conveyor-label{font-size:11px}.how-to-belt .conveyor-belt{background:repeating-linear-gradient(90deg,#0000 0 22px,#c8b89359 22px 24px),linear-gradient(90deg,#fff5e2,#ffe7c4);min-height:80px}.how-to-belt .conveyor-item{width:44px;min-height:50px;top:50%;left:calc(4px + var(--pos,0) * (100% - 52px));gap:2px;padding:3px;transform:translateY(-50%)}.how-to-belt .conveyor-swatch{width:30px;height:22px}.how-to-belt .conveyor-name{text-overflow:ellipsis;max-width:38px;font-size:9px;overflow:hidden}.how-to-missed{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.how-to-missed-badge{font-family:var(--display);text-transform:lowercase;letter-spacing:.02em;color:#fff;border:2.5px solid var(--ink);border-radius:var(--r-pill);background:#c0392b;padding:5px 14px;font-size:18px;font-weight:800}.how-to-missed.is-flashing .how-to-missed-badge{animation:.7s steps(2,jump-none) infinite how-to-miss-flash}@keyframes how-to-miss-flash{50%{opacity:.25}}.how-to-missed-sub{color:#c0392b;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:800}.how-to-inv.inv-builder{background:0 0;padding:4px;display:block;position:static;inset:auto}.how-to-inv .inv-total{margin-bottom:6px}.how-to-inv .inv-rows{flex-direction:column;gap:6px;display:flex}.how-to-inv .inv-row{font-size:13px}.how-to-undo{border:2px solid var(--ink);background:var(--card-soft);border-radius:12px;align-items:center;gap:12px;margin:8px 0 4px;padding:10px 12px;font-size:13px;display:flex}.how-to-undo-icon{border:2.5px solid var(--ink);border-radius:var(--r-pill);background:var(--card);flex:none;place-items:center;width:44px;height:44px;display:grid}.how-to-peek-solo{flex-direction:column;gap:5px;margin:0;display:flex}.how-to-peek-solo canvas{aspect-ratio:16/9;border:2px dashed var(--ink);background:#fffdf5;border-radius:10px;width:100%}.how-to-peek-solo figcaption{text-align:center;color:var(--ink-3);font-size:12px}.how-to-compare{gap:10px;display:flex}.how-to-compare-cell{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;margin:0;display:flex}.how-to-compare-cell canvas{aspect-ratio:1;border:2px solid var(--ink);background:linear-gradient(#fdf6e8,#f3e7cf);border-radius:10px;width:100%}.how-to-compare-cell figcaption{justify-content:space-between;gap:6px;font-size:12px;display:flex}.how-to-compare-title{color:var(--ink-3)}.how-to-compare-score{color:var(--ink);font-weight:800}.how-to-compare-score.is-negative{color:#c0392b}.how-to-stack2{flex-direction:column;gap:8px;display:flex}.how-to-stack2 .how-to-compare-cell canvas{aspect-ratio:16/7}.how-to-demo-reduced-note{border:2px solid var(--ink);color:var(--ink);background:#fff3e0;border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.4}.how-to-section{margin:0 0 18px}.how-to-section h3{font-family:var(--display);border-bottom:2px solid var(--card-soft);margin:0 0 6px;padding-bottom:4px;font-size:16px}.how-to-section h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:12px 0 4px;font-size:13px}.how-to-section p{margin:0 0 8px;font-size:14px;line-height:1.5}.how-to-section ul{margin:0 0 8px;padding-left:20px}.how-to-section li{margin:0 0 5px;font-size:14px;line-height:1.45}.how-to-section code{font-family:var(--mono,monospace);background:var(--card-soft);border-radius:5px;padding:1px 4px;font-size:12.5px}