:root{--night:#1a0630;--night-rgb:26, 6, 48;--purple:#4a0f6e;--purple-rgb:74, 15, 110;--magenta:#ff2fa0;--magenta-rgb:255, 47, 160;--gold:#ffd34d;--gold-rgb:255, 211, 77;--amber:#ffb300;--red:#c4122f;--cream:#fff4d6;--ink:#fff8ee;--muted:#fff4d6b8;--display:"Bungee", system-ui, sans-serif;--script:"Pacifico", cursive;--body:"Nunito", system-ui, sans-serif;--radius:18px;--gutter:16px;--safe-top:max(env(safe-area-inset-top), var(--gutter));--safe-right:max(env(safe-area-inset-right), var(--gutter));--safe-bottom:max(env(safe-area-inset-bottom), var(--gutter));--safe-left:max(env(safe-area-inset-left), var(--gutter));--screen-height:100vh;--card-width:420px;--fs:clamp(14px, 2.05vh, 22px);--fs-small:calc(var(--fs) * .82);--fs-label:calc(var(--fs) * .68);--fs-question:calc(var(--fs) * 1.45);--fs-big:clamp(20px, 4.4vmin, 52px);--hit:calc(var(--fs) * 2.8)}@supports (height:100dvh){:root{--screen-height:100dvh}}*{box-sizing:border-box}html,body{touch-action:pan-x pan-y;background:var(--night);height:100%;color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(circle at 20% 15%, rgba(var(--magenta-rgb), .28), transparent 40%), radial-gradient(circle at 80% 85%, rgba(var(--gold-rgb), .16), transparent 45%), radial-gradient(ellipse at 50% 40%, var(--purple), var(--night) 75%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 10% 20%, #fffc, transparent 60%), radial-gradient(2px 2px at 30% 70%, rgba(var(--gold-rgb), .9), transparent 60%), radial-gradient(1.5px 1.5px at 55% 35%, #ffffffb3, transparent 60%), radial-gradient(2px 2px at 75% 15%, rgba(var(--magenta-rgb), .9), transparent 60%), radial-gradient(1.5px 1.5px at 90% 60%, #fffc, transparent 60%), radial-gradient(2px 2px at 65% 85%, rgba(var(--gold-rgb), .8), transparent 60%);animation:4s ease-in-out infinite alternate twinkle;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}#app{min-height:var(--screen-height);position:relative}[hidden]{display:none!important}.marquee{font-family:var(--display);letter-spacing:.04em;text-align:center;color:var(--gold);text-shadow:0 0 2px #fff, 0 0 10px var(--amber), 0 0 28px #ff7a00cc, 3px 4px 0 var(--red);margin:0;font-size:min(16vw,96px);font-weight:400;line-height:1;animation:1.2s steps(2,end) infinite bulbs}.marquee.small{font-size:min(9vw,56px)}@keyframes bulbs{50%{text-shadow:0 0 2px #fff, 0 0 6px var(--amber), 0 0 18px #ff7a0099, 3px 4px 0 var(--red)}}.tagline,.kicker{font-family:var(--script);color:var(--magenta);text-shadow:0 0 10px rgba(var(--magenta-rgb), .7);text-align:center;margin:0}.tagline{font-size:calc(var(--fs) * 1.3)}.kicker{font-size:min(4.5vw,22px)}.start{min-height:var(--screen-height);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.start-place{width:min(var(--card-width), 100%);flex-direction:column;gap:14px;margin-top:18px;display:flex}.row{gap:12px;display:flex}.row>*{flex:1 1 0}.button{min-height:var(--hit);border:2px solid rgba(var(--gold-rgb), .55);background:rgba(var(--night-rgb), .7);color:var(--cream);font-family:var(--display);font-size:calc(var(--fs) * .95);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:0 20px}.button:hover{border-color:var(--gold);box-shadow:0 0 16px rgba(var(--gold-rgb), .55);outline:none}.button:focus-visible{border-color:var(--gold);box-shadow:0 0 16px rgba(var(--gold-rgb), .55);outline:none}.button.primary{background:linear-gradient(180deg, var(--gold), var(--amber));border-color:var(--gold);color:var(--night)}.button.small{min-height:calc(var(--hit) * .75);font-size:var(--fs-small)}.button.big{min-height:calc(var(--hit) * 1.2);font-size:calc(var(--fs) * 1.25)}button:focus{outline:none}.field{min-height:var(--hit);border:2px solid rgba(var(--gold-rgb), .4);background:rgba(var(--night-rgb), .75);color:var(--ink);font-family:var(--body);font-size:var(--fs);border-radius:999px;padding:0 18px}.field:focus{border-color:var(--gold);outline:none}.field.code{text-align:center;font-family:var(--display);letter-spacing:.3em;text-transform:uppercase}.field.wrong,.number.wrong{border-color:var(--magenta);animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.field:disabled{opacity:.4}.settings{flex-direction:column;gap:8px;display:flex}.setting{border:2px solid rgba(var(--gold-rgb), .25);border-radius:var(--radius);background:rgba(var(--night-rgb), .6);color:var(--muted);font-family:var(--body);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 18px;display:flex}.setting strong{font-family:var(--display);font-weight:400;font-size:var(--fs);color:var(--cream)}.setting.on{border-color:var(--gold);box-shadow:0 0 18px rgba(var(--gold-rgb), .4)}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:12px;display:flex}.switch input{opacity:0;position:absolute}.switch-track{background:#fff3;border-radius:13px;width:46px;height:26px;position:relative}.switch-track:after{content:"";background:var(--cream);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--magenta)}.switch input:checked+.switch-track:after{transform:translate(20px)}.room-row{border-radius:var(--radius);background:rgba(var(--night-rgb), .6);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.room-row strong{font-family:var(--display);letter-spacing:.2em;color:var(--gold);font-weight:400}.notice{text-align:center;font-size:calc(var(--fs) * 1.1);margin:0;font-weight:700}.pill{min-height:calc(var(--hit) * .62);border:1px solid rgba(var(--gold-rgb), .4);background:rgba(var(--night-rgb), .75);color:var(--cream);font-family:var(--display);font-size:var(--fs-label);letter-spacing:.08em;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.code-pill{cursor:pointer;color:var(--gold);letter-spacing:.14em}.code-pill:disabled{cursor:default;color:var(--muted)}.power{border:1px solid rgba(var(--gold-rgb), .4);background:rgba(var(--night-rgb), .75);width:34px;height:34px;color:var(--cream);cursor:pointer;border-radius:50%;font-size:18px}.veil{z-index:20;padding:var(--gutter);background:rgba(var(--night-rgb), .8);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(var(--card-width), 100%);border:2px solid rgba(var(--gold-rgb), .5);border-radius:var(--radius);background:var(--night);box-shadow:0 0 40px rgba(var(--magenta-rgb), .35);flex-direction:column;gap:16px;padding:24px;display:flex}.invite{align-items:center}.invite-code{font-family:var(--display);letter-spacing:.25em;color:var(--gold);font-size:44px;font-weight:400}.qr{background:#fff;border-radius:12px;width:min(60vw,240px);padding:10px}.qr svg{width:100%;height:auto;display:block}.join-link{color:var(--muted);word-break:break-all;text-align:center;margin:0;font-size:15px}.phone{min-height:var(--screen-height);padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);flex-direction:column;gap:14px;max-width:560px;margin:0 auto;display:flex}.phone-top{align-items:center;gap:10px;display:flex}.phone-top .name{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.lamp{background:#ffffff1f;border-radius:4px;flex:auto;height:8px;overflow:hidden}.lamp-fill{background:linear-gradient(90deg, var(--amber), var(--gold));height:100%;box-shadow:0 0 10px var(--gold);border-radius:4px;transition:width .6s;display:block}.phone-body{flex-direction:column;gap:14px;display:flex}.question{font-size:var(--fs-question);margin:0;font-weight:900;line-height:1.2}.question.sum,.big-sum{font-family:var(--display);color:var(--gold);font-weight:400}.hint{color:var(--muted);font-size:var(--fs-small);margin:0}.choices{flex-direction:column;gap:10px;display:flex}.choices.players{grid-template-columns:1fr 1fr;display:grid}.choice{min-height:var(--hit);border:2px solid rgba(var(--gold-rgb), .35);border-radius:var(--radius);background:rgba(var(--night-rgb), .7);color:var(--ink);font-family:var(--body);font-size:var(--fs);text-align:left;cursor:pointer;padding:10px 16px;font-weight:700}.choice:hover{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45)}.choice:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45)}.choice.card{font-family:var(--display);justify-content:space-between;align-items:center;font-weight:400;display:flex}.choice.spicy,.table-card.spicy{border-color:var(--magenta);box-shadow:0 0 14px rgba(var(--magenta-rgb), .4)}.tag{font-family:var(--script);color:var(--magenta);font-size:15px}.thumbs{gap:8px;display:flex}.thumb{min-height:calc(var(--hit) * 1.15);border:2px solid rgba(var(--gold-rgb), .3);border-radius:var(--radius);background:rgba(var(--night-rgb), .7);color:var(--cream);cursor:pointer;flex-flow:wrap;flex:1 1 0;place-content:center;align-items:center;gap:0 1px;padding:6px 3px;line-height:1.15;display:flex}.thumb span{text-align:center;flex:none;width:30%;font-size:14px}.thumbs-1 span{width:auto;font-size:24px}.thumbs-2 span{width:auto;font-size:19px}.thumbs-4 span{width:45%}.thumb:hover{border-color:var(--gold)}.thumb:focus-visible{border-color:var(--gold)}.number-row{gap:10px;display:flex}.number{min-width:0;min-height:var(--hit);border:2px solid rgba(var(--gold-rgb), .4);border-radius:var(--radius);background:rgba(var(--night-rgb), .75);color:var(--gold);font-family:var(--display);font-size:calc(var(--fs) * 1.35);letter-spacing:.06em;text-align:center;caret-color:var(--gold);-webkit-appearance:none;appearance:none;flex:auto;padding:0 16px}.number:focus{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.field::placeholder{color:var(--muted);opacity:.7}.number::placeholder{color:var(--muted);font-family:var(--body);font-size:var(--fs);letter-spacing:0;opacity:.7}.reveal p,.big-reveal p{font-weight:800;font-size:var(--fs);margin:0}.reveal{border-radius:var(--radius);background:rgba(var(--magenta-rgb), .12);flex-direction:column;gap:8px;padding:16px;display:flex}@keyframes pop{50%{transform:scale(1.25)}}.call{min-height:0;font-family:var(--script);color:var(--magenta);text-align:center;text-shadow:0 0 12px rgba(var(--magenta-rgb), .8);opacity:0;font-size:24px;transition:opacity .3s}.call.on{opacity:1;animation:1.4s ease-in-out infinite wobble}@keyframes wobble{50%{transform:rotate(-2deg)scale(1.05)}}.busted{font-family:var(--display);color:var(--gold);text-shadow:0 0 14px var(--amber), 3px 4px 0 var(--red);margin:0;font-size:min(14vw,64px);font-weight:400}.awards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.awards li{border-radius:var(--radius);background:rgba(var(--night-rgb), .7);border:1px solid rgba(var(--gold-rgb), .3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:12px 16px;display:flex}.awards span{font-family:var(--script);color:var(--magenta)}.awards em{width:100%;color:var(--muted);font-style:normal}.table{height:var(--screen-height);position:relative;overflow:hidden}.stage{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.timer{top:calc(var(--safe-top) + 6px);left:var(--safe-left);background:#ffffff1f;border-radius:4px;width:min(40vw,360px);height:8px;position:absolute;overflow:hidden}.timer-fill{background:var(--gold);width:0;height:100%;display:block}.timer.low .timer-fill{background:var(--magenta)}.table-main{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:62%;bottom:12px;left:4%;right:4%;overflow:hidden}.big-question{max-width:92%;font-size:calc(var(--q) * var(--fit,1));text-shadow:0 4px 24px #00000080;margin:0;font-weight:900;line-height:1.15}.big-line{font-size:calc(var(--fs-big) * .7);color:var(--cream);margin:0;font-weight:800}.big-reveal{flex-direction:column;gap:10px;display:flex}.big-reveal p{font-size:calc(var(--fs-big) * .75);color:var(--gold)}.table-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.table-card{border:3px solid rgba(var(--gold-rgb), .6);background:linear-gradient(160deg, var(--purple), var(--night));width:min(14vw,150px);height:min(19vh,190px);font-family:var(--display);font-size:calc(var(--fs) * 1.05);color:var(--cream);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:transform .4s,box-shadow .4s;display:flex}.table-card.picked{border-color:var(--gold);box-shadow:0 0 34px rgba(var(--gold-rgb), .75);transform:translateY(-14px)scale(1.06)}.dots{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dot{color:var(--muted);font-weight:700;font-size:var(--fs-small);border:1px solid #fff3;border-radius:999px;padding:6px 14px}.dot.in{border-color:var(--gold);color:var(--night);background:var(--gold)}.call.big{left:0;right:0;bottom:calc(var(--safe-bottom) + 70px);font-size:min(8vw,64px);position:absolute}.join-panel{flex-direction:column;align-items:center;gap:10px;display:flex}.awards.big{grid-template-columns:1fr 1fr;width:min(900px,100%);display:grid}.awards.big li{font-size:min(1.8vw,20px)}.big-sum-line{font-family:var(--display);color:var(--gold);text-shadow:0 0 14px var(--amber), 3px 4px 0 var(--red);margin:0;font-size:min(6vw,56px)}.timer{z-index:2}.awards.dealt li{opacity:0;animation:.5s forwards dealt}@keyframes dealt{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}.phone.with-stage{padding-top:var(--safe-top)}.phone-stage{height:min(42vh,360px);margin:0 calc(-1 * var(--safe-right)) 0 calc(-1 * var(--safe-left));border-bottom:2px solid rgba(var(--gold-rgb), .4);position:relative;overflow:hidden}.phone.with-stage .phone-top{margin-top:4px}.room.alone{min-height:var(--screen-height);display:flex}.room.alone .table{flex:2 1 0;min-width:0}.room.alone .phone{border-left:2px solid rgba(var(--gold-rgb), .35);background:rgba(var(--night-rgb), .55);flex:1 1 0;min-width:300px;max-width:460px;margin:0;position:relative}@media (max-width:760px){.room.alone{flex-direction:column}.room.alone .table{flex:none}.room.alone .phone{border-left:none;border-top:2px solid rgba(var(--gold-rgb), .35);min-width:0;max-width:none;min-height:auto}}.table{--q:var(--fs-big)}.room.alone .table{--q:calc(var(--fs-big) * .8)}.deal-bar{top:calc(var(--frame,16px) + 4px);left:calc(var(--frame,16px) + 4px);right:calc(var(--frame,16px) + 4px);z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.deal-bar>*{pointer-events:auto}.bar-left,.bar-right{align-items:center;gap:8px;display:flex}.bar-left{flex-wrap:wrap}.night{flex-direction:column;gap:4px;display:flex}.night-info{font-family:var(--display);font-size:var(--fs-label);letter-spacing:.08em;color:var(--cream);text-shadow:0 1px 3px #000000b3}.deal-bar .timer{width:min(28vw,200px);height:6px;position:static}.gear{border:1px solid rgba(var(--gold-rgb), .4);background:rgba(var(--night-rgb), .75);width:34px;height:34px;color:var(--cream);cursor:pointer;border-radius:50%;font-size:18px}.gear:hover,.power:hover,.code-pill:hover{border-color:var(--gold);outline:none}.gear:focus-visible{border-color:var(--gold);outline:none}.power:focus-visible{border-color:var(--gold);outline:none}.code-pill:focus-visible{border-color:var(--gold);outline:none}.start-corner{top:var(--safe-top);right:var(--safe-right);z-index:5;position:fixed}.settings-panel{gap:18px}.languages{gap:8px;display:flex}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pill.lang{cursor:pointer;font-family:var(--body);letter-spacing:0;font-weight:700}.pill.lang.on{border-color:var(--gold);background:var(--gold);color:var(--night)}.how-to{flex-direction:column;gap:6px;display:flex}.how-to strong{font-family:var(--display);color:var(--gold);font-weight:400}.how-to p{color:var(--muted);font-size:var(--fs-small);margin:0}.deal-in{margin-top:10px;padding:0 40px}@media (max-width:760px){.room.alone .table{height:46vh}.room.alone .table-main>:not(.deal-in){display:none}}.gear,.power{justify-content:center;align-items:center;padding:0;display:inline-flex}.icon{width:18px;height:18px;fill:var(--cream)}.gear:hover .icon,.power:hover .icon{fill:var(--gold)}.gear:focus-visible .icon{fill:var(--gold)}.power:focus-visible .icon{fill:var(--gold)}.gear,.power{width:40px;height:40px;box-shadow:none;background:0 0;border:none}.gear .icon,.power .icon{width:26px;height:26px;fill:var(--gold);filter:drop-shadow(0 0 4px rgba(var(--gold-rgb), .9)) drop-shadow(0 0 10px #ff7a0099);opacity:.85;transition:opacity .2s,transform .2s}.gear:hover .icon,.power:hover .icon{fill:var(--gold);opacity:1;transform:scale(1.12)}.gear:focus-visible .icon{fill:var(--gold);opacity:1;transform:scale(1.12)}.power:focus-visible .icon{fill:var(--gold);opacity:1;transform:scale(1.12)}.power .icon{width:28px;height:28px}.gear .icon{width:25px;height:25px}.gear:hover .icon,.power:hover .icon{transform:none}.gear:focus-visible .icon{transform:none}.power:focus-visible .icon{transform:none}html,body{overflow:hidden}#app,.room,.phone{height:var(--screen-height);min-height:0;overflow:hidden}.phone-stage{flex:none}.phone-body{flex:auto;min-height:0;overflow:hidden}.room.alone .phone{align-self:stretch;height:auto}.start{height:var(--screen-height);min-height:0;overflow:hidden}@media (max-width:760px){.room.alone .table{flex:none}.room.alone .phone{flex:auto;min-height:0}}@media (max-height:560px){.start{gap:6px}.start .logo{font-size:min(10vw,44px)}.start-place{gap:8px;margin-top:6px}.settings{flex-direction:row}.setting{flex:1 1 0;padding:8px 10px}.setting span{display:none}.button,.field{min-height:42px}.phone-stage{height:46vh}}.button,.choice,.pill{white-space:nowrap}.short-label{display:none}@media (max-width:520px){.long-label{display:none}.short-label{display:inline}.dialog .button{padding:0 12px;font-size:15px}}.button:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.choice:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.thumb:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.setting:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.pill:focus-visible{border-color:var(--gold);box-shadow:0 0 14px rgba(var(--gold-rgb), .45);outline:none}.confirm{text-align:center;align-items:center}.confirm .row{width:100%}.confirm-icon .icon{width:34px;height:34px;fill:var(--gold);filter:drop-shadow(0 0 6px rgba(var(--gold-rgb), .8))}.tap-sound{left:50%;bottom:calc(var(--frame,16px) + 10px);z-index:4;pointer-events:none;position:absolute;transform:translate(-50%)}.room-block{align-items:center;gap:16px;display:flex}.room-block .qr{flex:none;width:min(32vw,132px)}.room-words{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.room-words .invite-code{font-size:calc(var(--fs) * 2)}.power .icon,.power:hover .icon{transform:translateY(-6%)}.power:focus-visible .icon{transform:translateY(-6%)}