html,body{height:100%;margin:0;overflow:hidden;background:#e4ddcf}body{font-family:var(--text);font-weight:600;color:var(--ink)}*,*:before,*:after{box-sizing:border-box}.stage{position:absolute;top:0;left:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;font-size:32px;line-height:1.25;background:var(--ground);background-image:radial-gradient(circle at 12% 8%,#fbe7a6 0,#fbe7a600 700px)}p,h1,h2,ol,ul{margin:0}.btn{height:104px;padding:0 64px;border:5px solid var(--ink);border-radius:52px;font:800 44px/1 var(--text);color:var(--ink);background:var(--surface);cursor:pointer}.btn.primary{color:var(--surface);background:var(--ink)}.btn.off{opacity:.45}.btn:focus,.stepper:focus{outline:none;box-shadow:0 0 0 10px var(--gold)}.stepper{display:flex;align-items:center;height:104px;padding:0 14px 0 40px;border:5px solid var(--line);border-radius:52px;font-size:40px;font-weight:800;background:var(--surface)}.step-label{margin-right:20px}.step-value{width:110px;text-align:center;font-size:48px}.step{display:flex;align-items:center;justify-content:center;width:70px;height:70px;padding:0;border:0;border-radius:50%;color:var(--ink);background:var(--raised);cursor:pointer}.step .icon{width:40px;height:40px}.menu-btn{position:absolute;top:36px;right:64px;display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding:0;border:0;border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer}.menu-btn .icon{width:48px;height:48px}.title{font:800 120px/1 var(--title)}.lobby{display:flex;height:100%;padding:80px 96px}.join{display:flex;flex:none;flex-direction:column;justify-content:center;width:620px;margin-right:88px;padding:44px 48px;text-align:center;background:var(--surface);border-radius:40px;box-shadow:0 16px 48px #4a474029}.join-title{margin-bottom:24px;font-size:40px;font-weight:800}.qr{display:block;width:440px;height:440px;margin:0 auto}.room-code{margin:28px 0 8px;font:800 128px/1 var(--title);letter-spacing:18px}.join-addr{font-size:30px;color:var(--ink-2)}.join-addr b{font-weight:800;color:var(--ink)}.lobby-side{display:flex;flex:1;flex-direction:column;min-width:0}.tagline{margin:16px 0 44px;font-size:40px;color:var(--ink-2)}.seats-title{display:flex;justify-content:space-between;margin-bottom:20px;font-size:40px;font-weight:800}.seats-count{color:var(--ink-3)}.seats{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 24px;padding:0;list-style:none}.seat{display:flex;align-items:center;height:84px;padding:0 28px;overflow:hidden;font-size:36px;font-weight:800;white-space:nowrap;background:var(--surface);border-radius:24px}.seat .name{overflow:hidden;text-overflow:ellipsis}.online-dot{flex:none;width:22px;height:22px;margin-right:20px;background:var(--ready);border-radius:50%}.seat.off{color:var(--ink-3)}.seat.off .online-dot{background:var(--line)}.seat.bot{background:var(--raised)}.seat.bot .icon{width:44px;height:44px;margin-right:16px;color:var(--ink-2)}.seat.free{justify-content:center;font-size:28px;font-weight:600;color:var(--ink-3);background:transparent;border:4px dashed var(--line)}.lobby-controls{display:flex;align-items:center;margin-top:auto}.lobby-controls .stepper{margin-right:36px}.hint{min-height:40px;margin-top:24px;font-size:32px;color:var(--ink-2)}.round{display:flex;flex-direction:column;height:100%;padding:36px 64px 56px}.bar{display:flex;align-items:center;height:88px;margin:0 120px 36px 0}.round-no{margin-right:40px;font:800 52px/1 var(--title);white-space:nowrap}.timer{flex:1;height:24px;overflow:hidden;background:var(--raised);border-radius:12px}.timer-fill{display:block;height:100%;background:var(--gold);transform-origin:0 50%}.round-main{display:flex;flex:1}.field{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:1280px;height:780px;margin-right:48px;overflow:hidden;text-align:center;background:var(--surface);border-radius:40px;box-shadow:0 16px 48px #4a474029}.dots{position:absolute;top:0;left:0;width:1280px;height:780px}.dot.c0{fill:var(--ink)}.dot.c1{fill:var(--danger)}.dot.c2{fill:var(--pick)}.dot.c3{fill:var(--ready)}.dot.c4{fill:#e07b24}.field-reveal .dots{opacity:.3}.field-big{margin:0 80px;font:800 64px/1.15 var(--title)}.field-sub{margin-top:28px;font-size:40px;color:var(--ink-2)}.countdown{margin-top:24px;font:800 280px/1 var(--title)}.question{font:800 300px/1 var(--title);color:var(--gold)}.answer{position:relative;padding:28px 72px;font:800 150px/1 var(--title);color:var(--surface);background:var(--ink);border-radius:40px}.side{flex:1;min-width:0}.side-list{padding:0;list-style:none}.row{display:flex;align-items:center;height:88px;margin-bottom:8px;padding:0 24px;font-size:34px;font-weight:800;background:var(--surface);border-radius:24px}.row-place{flex:none;width:44px;color:var(--ink-3)}.row-name{flex:1;min-width:0;overflow:hidden;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.row-name .icon{width:36px;height:36px;margin-right:10px;vertical-align:-6px;color:var(--ink-2)}.row-note{display:block;font-size:24px;font-weight:600;color:var(--danger)}.row.off{color:var(--ink-3)}.row.done{background:#e3f1e8}.row .icon-check{width:48px;height:48px;margin:0 8px;color:var(--ready);stroke-width:3}.row-score{flex:none;width:72px;text-align:right;font:800 44px/1 var(--title)}.row-guess{flex:none;margin:0 18px;font:800 48px/1 var(--title)}.row-guess.none{font:600 24px/1 var(--text);color:var(--ink-3)}.row-points{flex:none;width:84px;padding:6px 0;text-align:center;background:var(--gold);border-radius:20px}.row-points.zero{color:var(--ink-3);background:var(--raised)}.row.exact{box-shadow:inset 0 0 0 5px var(--gold)}.final{display:flex;flex-direction:column;align-items:center;height:100%;padding:56px 96px}.final .title{font-size:104px}.podium{display:flex;align-items:flex-end;margin:36px 0 28px;padding:0;list-style:none}.podium li{display:flex;flex-direction:column;align-items:center;width:380px;margin:0 16px}.podium .step-1{order:2}.podium .step-2{order:1}.podium .step-3{order:3}.podium-name{max-width:100%;overflow:hidden;font-size:44px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.podium-score{margin:4px 0 12px;font:800 72px/1 var(--title)}.podium-block{width:100%;padding-top:24px;text-align:center;font-size:36px;font-weight:800;border-radius:28px 28px 0 0}.step-1 .podium-block{height:290px;background:var(--gold)}.step-2 .podium-block{height:210px;background:#d9d3c6}.step-3 .podium-block{height:150px;background:#e8b58c}.final-rest{display:flex;flex-wrap:wrap;justify-content:center;padding:0;list-style:none}.final-rest li{margin:0 12px 12px;padding:12px 28px;font-size:32px;background:var(--surface);border-radius:20px}.final-rest span{margin-right:16px;color:var(--ink-2)}.final-buttons{display:flex;margin-top:auto}.final-buttons .btn{margin:0 20px}.menu-layer{position:absolute;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:1920px;height:1080px;background:#16161bb8}.menu-card{display:flex;flex-direction:column;width:720px;padding:56px;text-align:center;background:var(--surface);border-radius:48px}.menu-card>*{margin-bottom:28px}.menu-card>*:last-child{margin-bottom:0}.menu-title{font:800 72px/1 var(--title)}.menu-card .stepper{justify-content:space-between}