@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Aeonik Pro;src:url(/fonts/AeonikPro-Black.otf)format("opentype");font-weight:900;font-display:swap}:root{--kraft:#f3ead7;--kraft-deep:#eadfc4;--paper:#fdf9ee;--ink:#2c1f12;--ink-soft:#6b573f;--mustard:#e3a92b;--mustard-deep:#c8901a;--tomato:#d2452f;--lettuce:#6da544;--pickle:#7d8f33;--cheese:#f5b942;--bread-crust:#b97a3c;--card-border:#d9c9a4;--shadow:0 2px 10px #2c1f1214;--radius-sm:12px;--radius-lg:22px;letter-spacing:.01em;color:var(--ink);font-family:Aeonik Pro,Inter,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:var(--kraft);background-image:radial-gradient(#b97a3c0d 1px,#0000 1px);background-size:22px 22px;min-height:100vh;margin:0}#root{max-width:1224px;margin:0 auto;padding:0 20px 80px}button{cursor:pointer;font-family:inherit}.app-header{text-align:center;padding:36px 0 8px}.app-header h1{letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:44px;font-weight:900}.app-header h1 .accent{color:var(--tomato)}.app-header .tagline{color:var(--ink-soft);margin:6px 0 0;font-size:17px}.tabs{justify-content:center;gap:10px;margin:24px 0 28px;display:flex}.tab{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:10px 22px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.tab:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.tab.active{background:var(--mustard)}.tab:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.builder{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}@media (width<=900px){.builder{grid-template-columns:1fr}.builder-side{position:static!important}}.builder-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.card{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.cuisine-row{flex-wrap:wrap;gap:8px;display:flex}.cuisine-chip{border:1.5px solid var(--card-border);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500}.cuisine-chip.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.category-panel{margin-bottom:14px}.category-head{text-align:left;background:var(--kraft-deep);border:1px solid var(--card-border);border-radius:var(--radius-sm);width:100%;color:var(--ink);align-items:center;gap:10px;padding:12px 16px;font-size:18px;font-weight:700;display:flex}.category-head .count-badge{background:var(--mustard);color:var(--ink);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px;font-weight:700}.category-head .chev{color:var(--ink-soft);font-size:13px}.category-body{padding:12px 4px 4px}.search-input{border:1.5px solid var(--card-border);width:100%;color:var(--ink);background:#fff;border-radius:999px;margin-bottom:10px;padding:9px 14px;font-family:inherit;font-size:15px}.search-input:focus{outline:2px solid var(--mustard);border-color:var(--mustard)}.chip-grid{flex-wrap:wrap;gap:7px;display:flex}.ing-chip{border:1.5px solid var(--card-border);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-size:14px;font-weight:500;transition:transform 60ms;display:inline-flex}.ing-chip:hover{border-color:var(--ink-soft);transform:scale(1.04)}.ing-chip.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ing-chip .swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:14px;height:14px}.ing-chip.selected .swatch{border-color:#fff6}.sandwich-name{text-align:center;margin:0 0 2px;font-size:24px;font-weight:900}.sandwich-sub{text-align:center;color:var(--ink-soft);margin:0 0 10px;font-size:14px}.preview-wrap{justify-content:center;display:flex}.score-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.grade-ring{border:4px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;font-weight:900;display:flex}.grade-S{color:#8d35c9;background:#f3e8fb;border-color:#8d35c9}.grade-A{color:#1e8a4a;background:#e7f6ec;border-color:#1e8a4a}.grade-B{color:#4a7dbd;background:#e9f1fa;border-color:#4a7dbd}.grade-C{color:var(--mustard-deep);border-color:var(--mustard-deep);background:#fbf3dd}.grade-D{color:#c46a1e;background:#fdeede;border-color:#c46a1e}.grade-F{color:var(--tomato);border-color:var(--tomato);background:#fbe8e5}.score-num{font-size:26px;font-weight:900}.score-commentary{color:var(--ink-soft);font-size:14px;line-height:1.45}.score-lines{flex-direction:column;gap:5px;font-size:13px;display:flex}.score-line{align-items:baseline;gap:8px;display:flex}.score-line .delta{text-align:right;min-width:32px;font-weight:700}.score-line .delta.pos{color:#1e8a4a}.score-line .delta.neg{color:var(--tomato)}.score-line .note{color:var(--ink-soft)}.gate-banner{border:1.5px solid var(--tomato);color:var(--tomato);border-radius:var(--radius-sm);background:#fbe8e5;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:700}.btn{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--mustard)}.btn.danger{background:var(--tomato);color:#fff}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:3px 3px 0 var(--ink);transform:none}.game-stage{text-align:center;max-width:660px;margin:0 auto}.game-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:700}.game-title{margin:4px 0 10px;font-size:38px;font-weight:900}.game-sub{color:var(--ink-soft);font-size:16px;line-height:1.5}.round-progress{flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0;display:flex}.round-dot{border:1.5px solid var(--card-border);background:var(--paper);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.round-dot.done{background:var(--lettuce);color:#fff;border-color:var(--lettuce)}.round-dot.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}.round-dot.vetoed{background:var(--kraft-deep);text-decoration:line-through}.slot-window{background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);border:4px solid var(--mustard);min-height:96px;box-shadow:inset 0 -6px 18px #0006, var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:14px 0;padding:26px 20px;display:flex;overflow:hidden}.slot-reel{font-size:30px;font-weight:900;line-height:1.15}.slot-reel.spinning{animation:90ms infinite reel-blur}@keyframes reel-blur{0%{filter:blur();opacity:1}50%{filter:blur(1.5px);opacity:.6}to{filter:blur();opacity:1}}.slot-caption{letter-spacing:.18em;text-transform:uppercase;color:var(--mustard);font-size:13px;font-weight:700}.offer-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}@media (width<=560px){.offer-grid{grid-template-columns:1fr}}.offer-card{border:2px solid var(--card-border);background:var(--paper);border-radius:var(--radius-sm);color:var(--ink);text-align:left;align-items:center;gap:10px;padding:14px 12px;font-size:16px;font-weight:700;transition:transform 70ms,border-color 70ms;display:flex}.offer-card:hover{border-color:var(--ink);transform:translateY(-2px)}.offer-card .swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:20px;height:20px}.offer-card .tags{color:var(--ink-soft);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.token-bar{justify-content:center;gap:10px;margin:8px 0 4px;display:flex}.record-banner{margin:8px 0;font-size:64px;font-weight:900;line-height:1}.record-banner.perfect{color:#8d35c9}.highlights{text-align:left;flex-direction:column;gap:8px;max-width:480px;margin:14px auto;display:flex}.highlight{color:var(--ink-soft);border-left:3px solid var(--mustard);padding-left:14px;font-size:14px;line-height:1.4}.streak-note{color:var(--ink-soft);margin-top:6px;font-size:14px}.lineup{text-align:left;flex-direction:column;gap:4px;max-width:380px;margin:0 auto 8px;font-size:14.5px;display:flex}.lineup .cat{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);z-index:50;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.stacker{max-width:760px;margin:0 auto}.stacker-head{text-align:center;margin-bottom:12px}.stacker-canvas{padding:10px}.stacker-canvas canvas{display:block}.stacker-empty{height:380px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:17px;display:flex}.group-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);border-bottom:1px dashed var(--card-border);margin:12px 0 6px;padding-bottom:3px;font-size:12px;font-weight:700}.game-layout{text-align:center;grid-template-columns:1fr 320px;align-items:start;gap:20px;max-width:1000px;margin:0 auto;display:grid}@media (width<=900px){.game-layout{grid-template-columns:1fr}}.sofar-card{position:sticky;top:16px}.sofar-card .lineup{font-size:13.5px}.sofar-title{margin:0 0 6px;font-size:15px;font-weight:700}.topnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;display:flex}.topnav-brand{color:var(--ink);letter-spacing:.01em;font-size:17px;font-weight:900;text-decoration:none}.topnav-links{flex-wrap:wrap;gap:6px;display:flex}.topnav-link{color:var(--ink);border:1.5px solid var(--card-border);background:var(--paper);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:700;text-decoration:none}.topnav-link.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.topnav-link.soon{opacity:.45;cursor:default}.landing-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:10px;display:grid}.landing-card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-lg);color:var(--ink);box-shadow:4px 4px 0 var(--ink);flex-direction:column;gap:8px;padding:24px 22px 20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.landing-card.live:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.landing-card.soon{box-shadow:none;opacity:.75;border-style:dashed}.landing-emoji{font-size:44px;line-height:1}.landing-card h2{margin:4px 0 0;font-size:21px;font-weight:900}.landing-card p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.45}.landing-cta{color:var(--tomato);margin-top:4px;font-size:14.5px;font-weight:700}.landing-count{background:var(--mustard);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.soon-badge{background:var(--kraft-deep);border:1px solid var(--card-border);color:var(--ink-soft);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}