:root{--ink: #18140f;--paper: #fff8e8;--paper-strong: #fffdf6;--tomato: #e63b2e;--lemon: #ffd447;--mint: #33a474;--ocean: #117c80;--line: rgba(24, 20, 15, .16);--shadow: 0 22px 70px rgba(24, 20, 15, .2)}*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(255,212,71,.42),transparent 30%),radial-gradient(circle at 85% 5%,rgba(230,59,46,.22),transparent 26%),linear-gradient(135deg,#fff8e8,#f4fff7 52%,#fff0ea);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}main{min-height:100vh}.app-shell{min-height:100vh;padding:20px}.hero-panel,.game-panel{width:min(100%,1080px);min-height:calc(100vh - 40px);margin:0 auto;display:grid;align-items:center;gap:24px}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.hero-copy h1,.panel-header h2{max-width:760px;margin:0;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;font-weight:950;letter-spacing:0;text-transform:uppercase}.panel-header h2{font-size:clamp(2.2rem,7vw,5rem);min-height:1.8em}.compact-header h2{max-width:880px}.lede{max-width:680px;margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45}.eyebrow,.micro-label{margin:0 0 10px;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.setup-card,.tool-panel,.restaurant-card,.result-layout{border:2px solid var(--ink);border-radius:8px;background:#fffdf6eb;box-shadow:var(--shadow)}.setup-card{display:grid;gap:16px;padding:22px;transform:rotate(1deg)}.setup-actions{display:grid;gap:18px}.join-card{transform:rotate(-1deg)}label{display:grid;gap:8px;font-weight:850}input,select{width:100%;min-height:52px;border:2px solid var(--ink);border-radius:8px;padding:0 14px;color:var(--ink);background:var(--paper-strong);outline:none}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:4px solid var(--lemon);outline-offset:2px}.code-input{min-height:76px;padding:0 18px;font-size:clamp(2rem,9vw,3.25rem);font-weight:950;letter-spacing:0;text-align:center;text-transform:uppercase}.form-note{margin:0;font-size:.95rem;line-height:1.4;font-weight:750}.form-error{margin:0;border-left:5px solid var(--tomato);padding-left:10px;color:var(--tomato);font-weight:900}.primary-action,.secondary-action,.text-action,.icon-action,.vote-buttons button{min-height:50px;border:2px solid var(--ink);border-radius:8px;padding:0 18px;font-weight:950;color:var(--ink);text-decoration:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.primary-action{display:inline-flex;align-items:center;justify-content:center;background:var(--lemon);box-shadow:5px 5px 0 var(--ink)}.primary-action.is-danger{background:var(--tomato);color:#fff}.secondary-action,.icon-action{background:var(--paper-strong)}.text-action{min-height:auto;justify-self:center;border:0;padding:4px 0;background:transparent;box-shadow:none;color:var(--ocean);text-decoration:underline;text-underline-offset:4px}.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.icon-action svg{width:1.2em;height:1.2em}.primary-action:hover,.secondary-action:hover,.text-action:hover,.icon-action:hover,.vote-buttons button:hover{transform:translate(-1px,-1px)}.primary-action:active,.secondary-action:active,.text-action:active,.icon-action:active,.vote-buttons button:active{transform:translate(2px,2px);box-shadow:none}.icon-action.is-copied,.lobby-code-pill.is-copied,.invite-code.is-copied{animation:copied-pop .72s ease both;background:var(--mint);color:#fff}@keyframes copied-pop{0%{transform:scale(1)}35%{transform:scale(1.06) rotate(-1deg);box-shadow:4px 4px 0 var(--ink)}to{transform:scale(1)}}.game-panel{align-content:center}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.header-controls{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px}.header-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px}.lobby-code-pill,.invite-code{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:8px;padding:8px 12px;color:var(--ink);background:var(--paper-strong);font-weight:900;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.lobby-code-pill{margin-top:14px}.lobby-code-pill strong{font-size:1.2rem}.invite-code{justify-content:center}.invite-code strong{font-size:1.65rem}.lobby-code-pill:hover,.invite-code:hover{transform:translate(-1px,-1px)}.lobby-code-pill:active,.invite-code:active{transform:translate(1px,1px)}.status-pill{display:inline-flex;align-items:center;width:fit-content;border:2px solid var(--ink);border-radius:999px;padding:10px 14px;background:var(--mint);color:#fff;font-weight:950;white-space:nowrap}.lobby-grid{display:grid;grid-template-columns:1fr 300px;gap:18px}.tool-panel{padding:22px}.tool-panel h3{margin:0 0 16px;font-size:1.3rem;font-weight:950;text-transform:uppercase}.tool-panel .status-pill{margin-bottom:16px}.player-list{display:grid;gap:10px}.player-list+.form-note{margin-top:14px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--line);border-radius:8px;padding:12px;background:var(--paper)}.player-row .is-unforked{color:var(--tomato);white-space:nowrap}.player-row .is-ready{color:var(--mint);white-space:nowrap}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.countdown-panel{display:grid;align-content:center;min-height:260px;background:linear-gradient(135deg,rgba(255,212,71,.18),transparent 48%),#2c2a24;color:var(--paper-strong)}.countdown-value{font-size:clamp(4rem,16vw,8rem);line-height:.95;font-weight:950}.countdown-helper{margin:12px 0 0;font-weight:850}.restaurant-card{display:grid;grid-template-columns:minmax(320px,48%) minmax(0,1fr);position:relative;overflow:hidden}.waiting-card{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}.waiting-card-hero{display:grid;align-content:center;gap:16px;min-height:560px;padding:clamp(20px,4vw,44px);background:linear-gradient(135deg,rgba(255,212,71,.28),transparent 42%),linear-gradient(315deg,rgba(17,124,128,.18),transparent 38%),var(--paper-strong)}.waiting-card-hero h3{margin:0;font-size:clamp(2.2rem,7vw,5rem);line-height:.92;font-weight:950;letter-spacing:0;text-transform:uppercase}.waiting-card-hero p:not(.eyebrow){margin:0;font-size:1.1rem;font-weight:850;line-height:1.45}.waiting-progress-body{align-content:center}.restaurant-photo{min-height:560px;background-color:#ddd;background-position:center;background-size:cover}.restaurant-body{display:grid;align-content:center;gap:18px;min-height:560px;padding:clamp(20px,4vw,44px)}.restaurant-meta{display:flex;flex-wrap:wrap;gap:8px}.restaurant-meta span{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--ink);border-radius:999px;padding:8px 10px;background:var(--paper);font-weight:900}.rating-badge,.rating-inline{color:#9b7400}.rating-badge svg,.rating-inline svg{width:1em;height:1em;flex:0 0 auto}.rating-inline{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-weight:950}.restaurant-body h3,.result-copy h3{margin:0;font-size:clamp(2.3rem,7vw,5.5rem);line-height:.92;font-weight:950;letter-spacing:0;text-transform:uppercase}.restaurant-body p,.result-copy p{margin:0;font-size:1.12rem;line-height:1.45}.vote-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vote-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:0 12px;background:var(--paper-strong)}.vote-buttons [data-vote=nope]{color:var(--tomato)}.vote-buttons [data-vote=okay]{color:#9b7400}.vote-buttons [data-vote=love]{color:var(--mint)}.vote-buttons svg{width:1.25em;height:1.25em;flex:0 0 auto}.vote-buttons [data-vote=nope].is-selected{background:var(--tomato);color:#fff}.vote-buttons [data-vote=okay].is-selected{background:var(--lemon);color:var(--ink)}.vote-buttons [data-vote=love].is-selected{background:var(--mint);color:#fff}.card-nav{display:flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:999px;padding:6px;background:#fffdf6eb;box-shadow:4px 4px 0 var(--ink)}.card-nav span{min-width:54px;text-align:center;font-size:.92rem;font-weight:950}.compact-action{min-width:40px;min-height:40px;border-radius:999px;padding:0}.progress-panel{align-self:start}.progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.progress-row strong,.progress-row span{display:block}.vote-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;font-size:.85rem;font-weight:900}.vote-counts span{border:2px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--paper-strong)}.progress-track{grid-column:1 / -1;height:10px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--paper-strong)}.progress-track span{display:block;height:100%;background:var(--mint)}.transition-panel{align-content:center}.anticipation-stage{display:grid;place-items:center;min-height:calc(100vh - 80px);border:2px solid var(--ink);border-radius:8px;padding:clamp(28px,7vw,72px);background:linear-gradient(135deg,rgba(255,212,71,.26),transparent 42%),linear-gradient(315deg,rgba(51,164,116,.22),transparent 38%),var(--paper-strong);box-shadow:var(--shadow);text-align:center;overflow:hidden}.anticipation-stage h2{max-width:900px;margin:0;font-size:clamp(3rem,13vw,8rem);line-height:.86;font-weight:950;letter-spacing:0;text-transform:uppercase;animation:suspense-pop 1.2s ease-in-out infinite alternate}.anticipation-meter{width:min(100%,520px);height:18px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--paper)}.anticipation-meter span{display:block;width:45%;height:100%;background:var(--tomato);animation:suspense-meter .9s ease-in-out infinite alternate}.tie-break-stage{gap:18px;min-height:auto}.leader-tie-break-panel{align-content:start}.leader-tie-break-stage{justify-items:start;gap:10px;padding:clamp(16px,4vw,30px);text-align:left}.leader-tie-break-stage h2{max-width:760px;font-size:clamp(2.3rem,7vw,4.8rem);line-height:.9}.leader-tie-break-stage .tie-break-copy{max-width:720px;font-size:1rem}.tie-break-copy{max-width:680px;margin:0;font-size:1.1rem;font-weight:850;line-height:1.45}.tie-break-copy strong{display:inline;color:var(--tomato);font-weight:950;text-transform:uppercase}.tie-break-copy strong+span{margin-left:.35em}.confirm-exit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#18140f5c;opacity:0;transition:opacity .18s ease}.confirm-exit.is-open{opacity:1}.confirm-exit-card{width:min(100%,420px);border:2px solid var(--ink);border-radius:8px;padding:22px;background:var(--paper-strong);box-shadow:var(--shadow);transform:translateY(12px) scale(.98);transition:transform .18s ease}.confirm-exit.is-open .confirm-exit-card{transform:translateY(0) scale(1)}.confirm-exit-card h2{margin:0;font-size:clamp(2rem,8vw,3rem);line-height:.95;font-weight:950;text-transform:uppercase}.confirm-exit-card p:not(.eyebrow){margin:12px 0 0;font-weight:800;line-height:1.4}@keyframes suspense-pop{0%{transform:rotate(-.7deg) scale(.985)}to{transform:rotate(.7deg) scale(1.015)}}@keyframes suspense-meter{0%{transform:translate(-30%)}to{transform:translate(160%)}}.result-layout{display:grid;grid-template-columns:minmax(320px,48%) minmax(0,1fr);overflow:hidden}.result-photo{min-height:520px}.result-copy{display:grid;align-content:center;gap:16px;padding:clamp(20px,4vw,44px)}.score-line{border-left:6px solid var(--tomato);padding-left:14px;font-weight:850}.result-score-list{display:grid;gap:8px}.result-score-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;border:2px solid var(--line);border-radius:8px;padding:8px;background:var(--paper)}button.result-score-row{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.tie-break-results .result-score-row{grid-template-columns:82px minmax(0,1fr) auto 24px;min-height:98px}.tie-break-results .result-score-photo{width:82px;align-self:stretch}.tie-break-chevron{justify-self:center;width:14px;height:14px;border-top:3px solid var(--ink);border-right:3px solid var(--ink);transform:rotate(45deg)}button.result-score-row:hover .tie-break-chevron,button.result-score-row:focus-visible .tie-break-chevron{border-color:var(--tomato)}.result-score-row.is-winner{border-color:var(--ink);background:var(--paper-strong);box-shadow:3px 3px 0 var(--ink)}.result-score-photo{width:54px;aspect-ratio:1;border:2px solid var(--ink);border-radius:6px;background-position:center;background-size:cover}.result-score-row strong,.result-score-row small{display:block}.result-score-row strong{overflow:hidden;font-weight:950;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.result-score-row small{font-weight:800}.result-score-votes{display:flex;gap:5px}.result-score-list>.primary-action,.result-score-list>form:last-child{justify-self:end}.vote-score{display:inline-flex;align-items:center;gap:3px;min-width:38px;border:2px solid var(--line);border-radius:999px;padding:5px 7px;background:var(--paper-strong);font-size:.82rem;font-weight:950}.vote-score svg{width:1em;height:1em}.vote-score.nope{color:var(--tomato)}.vote-score.okay{color:#9b7400}.vote-score.love{color:var(--mint)}@media(max-width:820px){.app-shell{padding:12px}.hero-panel,.game-panel{min-height:calc(100vh - 24px)}.hero-panel,.lobby-grid,.restaurant-card,.result-layout{grid-template-columns:1fr}.panel-header{display:grid}.header-controls{align-items:center;justify-content:space-between;width:100%}.header-actions{justify-content:flex-start}.setup-card,.join-card{transform:none}.restaurant-photo,.result-photo,.waiting-card-hero{min-height:300px}.restaurant-body,.waiting-progress-body{min-height:380px}.vote-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vote-buttons button{min-height:46px;padding:0 6px;font-size:.9rem}.card-nav{margin-left:auto}.progress-row{grid-template-columns:1fr}.result-score-row{grid-template-columns:44px minmax(0,1fr)}.tie-break-results .result-score-row{grid-template-columns:62px minmax(0,1fr) 22px;min-height:78px}.result-score-photo{width:44px}.tie-break-results .result-score-photo{width:62px}.result-score-votes{grid-column:1 / -1;justify-content:flex-end}.tie-break-results .result-score-votes{grid-column:2 / -1}.tie-break-chevron{grid-column:3;grid-row:1}.vote-counts{justify-content:flex-start}.anticipation-stage{min-height:calc(100vh - 48px)}.leader-tie-break-stage{min-height:auto;padding:14px}.leader-tie-break-stage h2{font-size:clamp(1.9rem,9vw,3.2rem)}}