:root{--night-1:#1a1020;--night-2:#2a1530;--ember:#ff7a18;--ember-2:#ffb347;--gold:#ffd670;--cream:#fff3e0;--char:#120a18;--good:#7bd88f;--bad:#ff6b6b;--chip:#3a2440;--card:#2e1c38;--muted:#b59cc4;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--cream);background:radial-gradient(120% 80% at 50% 0%, #3a1c2e 0%, var(--night-2) 45%, var(--night-1) 100%);-webkit-font-smoothing:antialiased;overflow-x:hidden}.screen{text-align:center;justify-content:center;align-items:center;min-height:100%;padding:clamp(16px,4vw,48px);display:flex}.landing-inner,.host-inner,.player-inner,.join-inner{flex-direction:column;align-items:center;gap:clamp(14px,2.5vw,26px);width:100%;max-width:680px;display:flex}.player-inner,.join-inner{max-width:460px}.logo{letter-spacing:-1px;background:linear-gradient(180deg, var(--gold), var(--ember));color:#0000;text-shadow:0 6px 24px #ff7a1840;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,9vw,92px);font-weight:900;line-height:.95}.logo .or{color:var(--cream);-webkit-text-fill-color:var(--cream);font-style:italic}.tagline{color:var(--cream);opacity:.92;margin:0;font-size:clamp(15px,2.4vw,22px)}.subtitle{color:var(--muted);margin:0;font-size:clamp(14px,2vw,19px)}.hint{color:var(--muted);margin:0;font-size:14px}.phase-title{margin:0;font-size:clamp(24px,5vw,42px)}.big-count{color:var(--gold);margin:6px 0;font-size:clamp(20px,4vw,32px);font-weight:800}.big-emoji{font-size:clamp(60px,16vw,120px);line-height:1}.btn{font:inherit;cursor:pointer;color:var(--char);border:none;border-radius:999px;padding:14px 28px;font-weight:800;transition:transform 80ms,filter .15s,opacity .15s}.btn:active{transform:translateY(1px)scale(.99)}.btn.primary{background:linear-gradient(180deg, var(--ember-2), var(--ember));box-shadow:0 8px 24px #ff7a1859}.btn.ghost{color:var(--cream);border:2px solid var(--ember);background:0 0}.btn.link{color:var(--muted);box-shadow:none;background:0 0;padding:8px}.btn.big{padding:18px 36px;font-size:clamp(17px,2.6vw,22px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}.btn:not(:disabled):hover{filter:brightness(1.06)}.landing-buttons{flex-direction:column;gap:14px;width:min(100%,380px);display:flex}.landing-buttons .btn{width:100%}.join-box{background:#00000040;border:1px solid #ffd67040;border-radius:22px;width:100%;padding:clamp(18px,3vw,32px)}.join-label{color:var(--muted);font-size:clamp(13px,1.8vw,17px)}.join-url{color:var(--cream);word-break:break-all;margin:4px 0 14px;font-size:clamp(18px,3vw,30px);font-weight:800}.room-code{letter-spacing:clamp(6px,2vw,18px);color:var(--gold);text-shadow:0 4px 20px #ffd67066;margin-top:6px;font-size:clamp(56px,14vw,130px);font-weight:900}.player-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{background:var(--chip);border:1px solid #ffffff14;border-radius:999px;padding:8px 16px;font-size:clamp(14px,2vw,18px);font-weight:700}.chip.muted{color:var(--muted);font-weight:500}.duel-counter{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:800}.duel{justify-content:center;align-items:center;gap:clamp(10px,3vw,40px);width:100%;display:flex}.vs{color:var(--ember);font-size:clamp(22px,4vw,40px);font-weight:900}.smore-card{background:var(--card);border:2px solid #ffffff14;border-radius:22px;flex:1;max-width:320px;padding:clamp(14px,2.5vw,28px);transition:transform .2s,border-color .2s,box-shadow .2s}.smore-card.winner{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 14px 40px #ffd6704d;transform:translateY(-6px)}.smore-side{color:var(--ember);letter-spacing:2px;font-size:14px;font-weight:800}.smore-emoji{word-break:break-word;font-size:clamp(40px,9vw,76px);line-height:1.2}.smore-name{margin-top:6px;font-size:clamp(16px,2.4vw,24px);font-weight:800}.smore-builder{color:var(--muted);font-size:13px}.smore-score{color:var(--gold);margin-top:8px;font-size:clamp(30px,6vw,52px);font-weight:900}.smore-verdict{color:var(--cream);font-size:clamp(13px,2vw,18px)}.bet-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.bet-card{background:var(--card);color:var(--cream);font:inherit;cursor:pointer;border:3px solid #ffffff14;border-radius:20px;padding:16px 10px;transition:transform .1s,border-color .15s}.bet-card:active{transform:scale(.98)}.bet-card.picked{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);background:#3c2748}.bet-side{color:var(--ember);font-size:20px;font-weight:900}.bet-emoji{word-break:break-word;font-size:clamp(36px,12vw,56px)}.bet-name{font-size:clamp(14px,4vw,18px);font-weight:800}.slot{text-align:left;width:100%}.slot-label{color:var(--gold);margin-bottom:6px;font-size:15px;font-weight:800}.slot-options{flex-wrap:wrap;gap:8px;display:flex}.ingredient{background:var(--chip);color:var(--cream);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:flex}.ingredient.selected{border-color:var(--gold);background:#3c2748}.ing-emoji{font-size:20px}.text-input{width:min(100%,360px);font:inherit;color:var(--cream);text-align:center;background:#0000004d;border:2px solid #ffd67066;border-radius:16px;padding:14px 18px;font-size:clamp(18px,3vw,24px)}.text-input:focus{border-color:var(--gold);outline:none}.code-input{text-transform:uppercase;letter-spacing:12px;font-size:clamp(32px,8vw,52px);font-weight:900}.shake{animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.fire-icon{transform-origin:50% 90%;filter:drop-shadow(0 0 18px #ff7a18b3)drop-shadow(0 0 40px #ffb34773);will-change:transform, filter;font-size:clamp(72px,18vw,140px);line-height:1;animation:2.6s ease-in-out infinite fire-float,1.1s ease-in-out infinite alternate fire-flicker;display:block}@keyframes fire-float{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-10px)scale(1.04)}70%{transform:translateY(-4px)scale(1.01)}to{transform:translateY(0)scale(1)}}@keyframes fire-flicker{0%{filter:drop-shadow(0 0 14px #ff7a18a6)drop-shadow(0 0 32px #ffb34766);transform-origin:50% 90%}30%{filter:drop-shadow(0 0 22px #ff7a18d9)drop-shadow(0 0 50px #ffd6708c)}60%{filter:drop-shadow(0 0 12px #ff500a8c)drop-shadow(0 0 28px #ff7a1859)}to{filter:drop-shadow(0 0 20px #ff9618cc)drop-shadow(0 0 44px #ffb34780)}}@media (prefers-reduced-motion:reduce){.fire-icon{animation:none}}.scoreboard{flex-direction:column;gap:10px;width:min(100%,480px);margin:0;padding:0;list-style:none;display:flex}.score-row{background:var(--card);border-radius:16px;align-items:center;gap:14px;padding:12px 18px;font-size:clamp(16px,3vw,22px);display:flex}.score-row.champ{background:linear-gradient(90deg, #ffd67040, var(--card));border:1px solid var(--gold)}.rank{color:var(--ember);width:28px;font-weight:900}.score-name{text-align:left;flex:1;font-weight:700}.score-pts{color:var(--gold);font-weight:900}@media (max-width:420px){.duel{flex-direction:column}}.version-footer{color:var(--muted);opacity:.55;letter-spacing:.5px;margin:0;font-size:12px}