:root{--cream: #fff3d1;--cream-2: #ffe7a3;--paper: #fffaf0;--butter: #ffd23f;--butter-deep: #e8a900;--skin: #c98f4a;--brown: #6b4423;--brown-dark: #3a2412;--ink: #2b1a0e;--muted: #7a5a3c;--tomato: #c8372a;--tomato-soft: #fbd9cf;--leaf: #23803a;--leaf-soft: #d9f5c9;--sky: #2763c7;--radius: 18px;--font: "Baloo 2", "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html{overflow-x:hidden}html,body{margin:0;min-height:100%}body{font-family:var(--font);font-weight:600;color:var(--ink);background-color:var(--cream);background-image:radial-gradient(rgba(201,143,74,.16) 2px,transparent 2.5px),radial-gradient(rgba(201,143,74,.1) 2px,transparent 2.5px);background-size:36px 36px;background-position:0 0,18px 18px;line-height:1.2;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#app{min-height:100dvh}h1,h2,h3,p{margin:0}button,input{font-family:inherit}img{max-width:100%}@keyframes wobble{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}@keyframes pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.wobble{animation:wobble 2.6s ease-in-out infinite}.wobble.d2{animation-delay:-.9s}.wobble.d3{animation-delay:-1.7s}.bounce{display:inline-block;animation:bounce .9s ease-in-out infinite}.spin{display:inline-block;animation:spin 1.4s linear infinite}.avatar{display:block;flex:none;overflow:visible}@media(prefers-reduced-motion:reduce){.wobble,.bounce{animation:none}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-height:56px;padding:0 24px;border-radius:var(--radius);font-size:20px;font-weight:800;color:var(--ink);background:var(--cream-2);box-shadow:0 5px #3a241259;cursor:pointer;touch-action:manipulation;transition:transform .08s,box-shadow .08s,opacity .2s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #3a241259}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--butter);box-shadow:0 5px 0 var(--butter-deep),0 6px #3a24124d}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--butter-deep)}.btn-danger{background:var(--tomato);color:#fff;box-shadow:0 5px #8f241a}.btn-ghost{background:transparent;box-shadow:none;color:var(--brown);text-decoration:underline;min-height:48px}.btn-big{min-height:68px;font-size:24px;width:100%}.field{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%}.field>span{font-size:18px;font-weight:800;color:var(--brown)}input[type=text],input[type=password]{width:100%;min-height:64px;padding:0 18px;font-size:22px;font-weight:700;color:var(--ink);background:var(--paper);border:3px solid var(--brown);border-radius:16px;outline:none}input.code-input{text-align:center;text-transform:uppercase;letter-spacing:.35em;padding-left:calc(18px + .35em);font-size:28px}input:focus{border-color:var(--butter-deep);box-shadow:0 0 0 4px #ffd23f8c}.error{width:100%;padding:10px 14px;border-radius:12px;background:var(--tomato-soft);color:#7b1d12;font-weight:700;font-size:17px;animation:shake .3s}.notice{width:100%;padding:10px 14px;border-radius:12px;background:var(--cream-2);color:var(--brown-dark);font-weight:700;font-size:17px}.hint{text-align:center;color:var(--muted);font-size:17px;font-weight:700}.hint.warn{color:var(--tomato)}.reconnect{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;padding:8px 16px;border-radius:999px;background:var(--brown-dark);color:var(--cream);font-size:16px;font-weight:700;box-shadow:0 4px 14px #0000004d;white-space:nowrap}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 20px;text-align:center;font-size:20px;max-width:480px;margin:0 auto}.splash h1{font-size:38px}.splash p{color:var(--muted);font-weight:700}.splash-potato{font-size:72px;line-height:1}.keyform{display:flex;flex-direction:column;gap:12px;width:100%}.countdown{display:flex;align-items:center;gap:12px;width:100%}.cd-track{flex:1;height:14px;border-radius:8px;background:#6b44232e;overflow:hidden}.cd-fill{height:100%;width:100%;border-radius:8px;background:var(--leaf);transform-origin:left center;will-change:transform}.cd-num{font-weight:800;font-size:28px;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.opt-0{--c: #c8372a;--on: #fff}.opt-1{--c: #2763c7;--on: #fff}.opt-2{--c: #f2b705;--on: #2b1a0e}.opt-3,.opt-t{--c: #23803a;--on: #fff}.opt-f{--c: #c8372a;--on: #fff}.screen{min-height:100dvh;display:flex;flex-direction:column;gap:14px;align-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,calc((100% - 540px)/2)) max(20px,env(safe-area-inset-bottom));animation:rise .35s ease-out}.screen>*{min-width:0;max-width:100%}.logo{font-size:clamp(30px,9vw,42px);font-weight:800;color:var(--brown-dark);text-align:center;letter-spacing:-.5px}.lead{font-size:21px;font-weight:700;color:var(--brown);text-align:center}.join{justify-content:center;gap:18px}.join-hero{display:flex;align-items:flex-end;justify-content:center;gap:4px}.lobby{justify-content:center;text-align:center;gap:12px}.title-chip{padding:4px 16px;border-radius:999px;background:var(--butter);font-weight:800;font-size:19px;border:2px solid var(--brown)}.nick{font-size:clamp(34px,11vw,48px);font-weight:800;overflow-wrap:anywhere;line-height:1.05}.count-pill{margin-top:10px;padding:10px 20px;border-radius:999px;background:var(--paper);border:2px dashed var(--skin);font-size:20px}.count-pill b{font-size:26px}.hud{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);border:2px solid rgba(107,68,35,.35)}.hud-nick{flex:1;font-weight:800;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score{font-weight:800;font-size:18px;color:var(--brown)}.question{gap:12px}.q-meta{align-self:stretch;text-align:left;font-weight:800;color:var(--muted);font-size:17px}.q-text{font-size:clamp(22px,6.4vw,30px);font-weight:800;text-align:center;overflow-wrap:anywhere;line-height:1.12}.q-img{max-height:18vh;border-radius:14px;object-fit:contain;border:3px solid var(--paper);box-shadow:0 2px 8px #3a241233}.opts{display:flex;flex-direction:column;gap:10px;width:100%;flex:1}.opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:1 1 0;min-height:72px;display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:var(--radius);background:var(--c);color:var(--on);font-size:21px;font-weight:800;text-align:left;line-height:1.1;box-shadow:0 6px #0000004d;cursor:pointer;touch-action:manipulation;transition:transform .08s,box-shadow .08s,opacity .2s}.opt:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #0000004d}.opt:disabled{opacity:.45}.opt-shape{font-size:34px;width:1.2em;text-align:center;flex:none}.opt-text{flex:1;min-width:0;overflow-wrap:anywhere}.opts-tf .opt{min-height:120px;font-size:28px;justify-content:center;text-align:center}.opts-tf .opt-text{flex:none}.locked{width:100%;flex:1;min-height:220px;border-radius:24px;background:var(--c);color:var(--on);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;animation:pop .35s ease-out;box-shadow:0 6px #0000004d}.locked-shape{font-size:70px;line-height:1}.locked-text{font-size:24px;font-weight:800;overflow-wrap:anywhere}.locked-msg{font-size:22px;font-weight:800;margin-top:10px;background:#ffffff38;padding:6px 16px;border-radius:999px}.reveal{justify-content:center;text-align:center;gap:12px}.reveal-correct{background-color:var(--leaf-soft)}.reveal-wrong{background-color:var(--tomato-soft)}.reveal-timeout,.reveal-missed{background-color:var(--cream-2)}.reveal-icon{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:56px;font-weight:800;color:#fff;background:var(--brown);animation:pop .45s ease-out}.reveal-correct .reveal-icon{background:var(--leaf)}.reveal-wrong .reveal-icon{background:var(--tomato)}.reveal-timeout .reveal-icon,.reveal-missed .reveal-icon{background:var(--butter);color:var(--ink);font-size:50px}.reveal-head{font-size:40px;font-weight:800}.reveal-line{font-size:22px;font-weight:700;color:var(--brown-dark)}.points{display:flex;flex-direction:column;align-items:center;gap:2px}.points-main{font-size:64px;font-weight:800;line-height:1;color:var(--leaf);animation:pop .5s .15s both}.reveal-wrong .points-main,.reveal-timeout .points-main{color:var(--muted)}.points-sub{font-size:19px;font-weight:800;color:var(--brown-dark)}.right-answer{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px 14px;border-radius:var(--radius);background:var(--c);color:var(--on)}.right-answer small{display:block;font-size:14px;opacity:.9;font-weight:700}.right-answer b{font-size:21px;overflow-wrap:anywhere}.rank-card{display:flex;gap:12px;width:100%}.rank-card>div{flex:1;padding:10px;border-radius:var(--radius);background:var(--paper);border:2px solid rgba(107,68,35,.3)}.rank-card small{display:block;font-size:15px;color:var(--muted);font-weight:700}.rank-card b{font-size:34px;font-weight:800}.final{justify-content:center;text-align:center;gap:10px}.final-top{background-color:#ffe27a}.final-rank{font-size:40px;font-weight:800;display:flex;align-items:center;gap:10px}.medal{font-size:56px;animation:pop .6s .2s both}.final-score{font-size:32px;font-weight:800;color:var(--brown)}.nick-line{font-size:19px;color:var(--muted);font-weight:700;overflow-wrap:anywhere}.mini-podium{list-style:none;margin:8px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.mini-podium li{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--paper);border-radius:14px;text-align:left;font-size:18px}.mini-podium li.me{outline:3px solid var(--butter-deep)}.mini-podium b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-podium em{font-style:normal;font-weight:800;color:var(--brown)}@media(max-height:640px){.opt{min-height:60px}.q-img{max-height:14vh}}@keyframes talk{0%{transform:scaleY(.3) scaleX(1.05)}to{transform:scaleY(1.05) scaleX(.9)}}@keyframes sweat{0%{transform:translateY(-4px);opacity:0}25%{opacity:1}to{transform:translateY(16px);opacity:0}}@keyframes shiver{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px,1px) rotate(-2deg)}40%{transform:translate(2px,-1px) rotate(2deg)}60%{transform:translate(-2px,-1px) rotate(-1.5deg)}80%{transform:translate(2px,1px) rotate(1.5deg)}}.avatar .mouth-talk{transform-box:fill-box;transform-origin:50% 15%;animation:talk .18s ease-in-out infinite alternate}.avatar .sweat{transform-box:fill-box;animation:sweat .9s ease-in infinite}.avatar .sweat.s2{animation-delay:-.45s}.shiver{animation:shiver .28s linear infinite}@keyframes tickpulse{0%{transform:scale(1) translate(0) rotate(0)}15%{transform:scale(1.2) translate(-3px) rotate(-3deg)}30%{transform:scale(1.2) translate(3px) rotate(3deg)}45%{transform:scale(1.12) translate(-2px) rotate(-2deg)}60%{transform:scale(1.12) translate(2px) rotate(2deg)}to{transform:scale(1) translate(0) rotate(0)}}@keyframes barflash{0%{filter:brightness(1)}to{filter:brightness(1.35) saturate(1.3)}}@keyframes vignette{0%,to{opacity:.25}50%{opacity:1}}.cd-fill{background:var(--cd, var(--leaf))}.cd-num{color:var(--cd, var(--ink))}.countdown.urgent .cd-fill{animation:barflash .4s ease-in-out infinite alternate}.countdown.urgent .cd-num{color:var(--tomato);animation:tickpulse 1s ease-out infinite}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;box-shadow:inset 0 0 70px 14px #d61c10bf;animation:vignette 1s ease-in-out infinite}html.is-tv .vignette{box-shadow:inset 0 0 14rem 3rem #d61c10bf}.live-pts{flex:none;width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:var(--paper);border:2px solid var(--pc, var(--skin));color:var(--brown-dark);font-size:19px;font-weight:800;white-space:nowrap}.live-pts.hide{visibility:hidden}.live-pts .pts-val{display:inline-block;min-width:3.1ch;text-align:center;font-size:24px;font-variant-numeric:tabular-nums;color:var(--pc, var(--brown))}.live-pts .pts-bonus{font-style:normal;font-size:16px;color:var(--tomato)}.live-pts.frozen{background:var(--cream-2)}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-1.2rem) rotate(2deg)}}@keyframes blink{50%{opacity:0}}@keyframes ico-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.intro-potato{flex:none}.intro-bob{width:100%;height:100%;animation:bob 1.6s ease-in-out infinite}.bubble{position:relative;background:var(--paper);border:3px solid var(--brown);border-radius:24px;box-shadow:0 5px 0 var(--brown)}.bubble:after{content:"";position:absolute;width:22px;height:22px;background:var(--paper);border:3px solid var(--brown);border-width:0 0 3px 3px;transform:rotate(45deg)}.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rules li{display:flex;align-items:center;gap:.7em}.rules li+li{padding-top:.55em;border-top:2px dashed color-mix(in srgb,var(--brown) 22%,transparent)}.r-ico{flex:none;width:1.75em;height:1.75em;border-radius:50%;display:grid;place-items:center;font-size:1.05em;line-height:1;background:var(--butter);box-shadow:inset 0 -.12em color-mix(in srgb,var(--brown) 25%,transparent);opacity:0;transform:scale(.2)}.rules li.on .r-ico{animation:ico-pop .35s ease-out both}.r-body{min-width:0;display:flex;flex-direction:column;gap:.12em;text-wrap:pretty}.r-title{font-weight:800;color:var(--brown-dark);line-height:1.08}.r-detail{font-size:.62em;font-weight:700;color:var(--muted);line-height:1.2}.r-rest{visibility:hidden}.caret{display:inline-block;width:0;height:1em;vertical-align:-.12em;box-shadow:.09em 0 0 0 var(--tomato);animation:blink .7s steps(1) infinite}.intro-phone{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}.intro-phone .intro-potato{width:150px;height:150px}.intro-phone .bubble{width:100%;padding:16px 14px}.intro-phone .bubble:after{top:-13px;left:calc(50% - 11px);border-width:3px 0 0 3px}.intro-phone .rules{gap:10px;font-size:20px}.intro-phone .r-ico{font-size:18px}.intro-phone .r-detail{font-size:.72em}.screen.intro-screen{justify-content:center;gap:18px}.look-up{padding:10px 22px;border-radius:999px;background:var(--butter);border:2px solid var(--brown);font-size:22px;font-weight:800;animation:pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.shiver,.intro-bob,.look-up{animation:none}.avatar .sweat{animation:none;opacity:1}.avatar .mouth-talk,.countdown.urgent .cd-fill,.countdown.urgent .cd-num{animation:none}.countdown.urgent .cd-fill{background:var(--tomato)}.vignette{animation:none;opacity:.6}.r-ico,.rules li.on .r-ico{animation:none;opacity:1;transform:none}.caret{animation:none}}