*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}#app{position:fixed;inset:0}#gl{display:block;position:absolute;inset:0}.split-divider{z-index:1;pointer-events:none;background:#17181c24;border-radius:2px;position:absolute}.split-divider[hidden]{display:none}#labels{pointer-events:none;z-index:1;font-size:calc(16px * var(--s));position:absolute;inset:0}.gl{vertical-align:-.14em;flex:none;width:1em;height:1em;display:inline-block}kbd{font-family:var(--font);min-width:1.75em;color:var(--ink);border:1.5px solid var(--key);white-space:nowrap;background:#fff;border-bottom-width:3px;border-radius:.4em;justify-content:center;align-items:center;padding:.3em .45em .24em;font-size:.9em;font-weight:800;line-height:1;display:inline-flex}.coins:before,.coin:before{content:"";border:.18em solid var(--yellow);vertical-align:-.06em;box-sizing:border-box;background:#fff;border-radius:50%;width:.78em;height:.78em;margin-right:.28em;display:inline-block}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-.3em)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.14em)}75%{transform:translate(.14em)}}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes glow-red{0%{box-shadow:0 0 #e4002b80}to{box-shadow:0 0 0 .5em #e4002b00}}@keyframes glow-green{0%{box-shadow:0 0 #1f9d5580}to{box-shadow:0 0 0 .5em #1f9d5500}}@keyframes blink{50%{opacity:.35}}#labels .pi{animation:.3s both pop-in}#tips[hidden]{display:none}.tip-dock{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex;position:absolute}.tip-dock:not(.touch){white-space:nowrap;flex-wrap:nowrap}.tip-dock.touch{font-size:26px}.tip-dock.blue{flex-direction:row-reverse}.tip-dock.mid{justify-content:center}.tip-dock.touch.hinted>.prompt{display:none}.fh-tip{font-size:26px}#tips .docked,#face .docked{padding:0}.docked .pi{animation:.3s both pop-in}.docked.want{order:0}.docked.prompt{order:1}.docked.stuck{order:2}.docked .pi:after,.stuck-0 .docked.prompt.team0,.stuck-1 .docked.prompt.team1{display:none}.tip-dock.touch .docked.stuck .pi,.fh-tip .docked.stuck .pi{white-space:normal}html.face #labels .team1>*{transform-origin:50% 100%;rotate:180deg}.prog{width:2.5em;height:2.5em}.prog .pi{background:#fff;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 1px 2px #0000001a,0 .2em .5em #0000001a}.prog .ring{width:100%;height:100%;position:absolute;inset:0}.prog img{object-fit:contain;width:64%;height:64%;position:absolute;top:18%;left:18%}.prog.done .pi{box-shadow:0 0 0 3px var(--green);animation:.3s both pop-in,1.1s .3s infinite glow-green}.prog.buy .pi{box-shadow:0 0 0 2px var(--ink), 0 0 0 .3em #f7c94859}.need .pi{background:#fff;border-radius:1.4em;align-items:center;gap:0;padding:.1em .3em .1em .2em;font-weight:800;display:flex;box-shadow:0 1px 2px #0000001a,0 .2em .5em #0000001a}.need img{object-fit:contain;width:1.55em;height:1.55em}.need .gl{color:var(--muted);margin:0 .05em;font-size:1.05em}.need .go .gl{color:var(--green)}.need .plus b{color:var(--muted);padding:0 .05em;font-size:1.25em;line-height:1}.tag{white-space:nowrap;background:#fff;border-radius:.6em;align-items:center;gap:.35em;padding:.15em .5em;font-size:.95em;font-weight:800;display:flex;box-shadow:0 1px 2px #0000001a,0 .15em .4em #00000014}.tag.poor .coin{color:var(--red)}.tag.price{font-size:1em}.tag.price.poor{opacity:.7}#labels .tag.focus{z-index:5;background:var(--ink);color:#fff;border-radius:.75em;padding:.4em .65em;font-size:1.05em;box-shadow:0 .3em .8em #0000002e}#labels .tag.focus .bp-head{font-size:1.05em}#labels .tag.focus .bp-desc{opacity:.8;font-size:.85em;font-weight:500}#labels .tag.focus .bp-buy{align-items:center;gap:.3em;margin-top:.2em;font-size:1.1em;display:flex}#labels .tag.focus .bp-buy small{color:#ffffffbf;font-size:.65em;font-weight:700}#labels .tag.focus .bp-buy kbd{color:var(--ink);font-size:.8em}#labels .tag.focus .no,#labels .tag.focus.poor .coin{color:#ff8a9c}.tag.bell{background:var(--ink);color:#fff;border-radius:50%;padding:.2em .32em;font-size:1.2em}.tag.bell .pi{animation:.3s both pop-in;display:flex}.tag.bell.ready{background:var(--green)}.order{background:#fff;border-radius:1em;overflow:hidden;box-shadow:0 1px 2px #0000001a,0 .25em .6em #0000001a}.order .pi{flex-direction:column;align-items:stretch;display:flex}.order .icons{justify-content:center;gap:.15em;padding:.25em .4em .2em;display:flex}.order .slot{border-radius:50%;padding:.08em;display:inline-flex;position:relative}.order .slot svg:first-child{width:2.15em;height:2.15em}.order .slot.done{background:var(--c)}.order .slot .ok{background:var(--green);color:#fff;border-radius:50%;padding:.1em;font-size:.8em;position:absolute;bottom:-.2em;right:-.2em}.order .pbar{background:var(--line);border-radius:1em;height:.3em;margin:0 .5em .35em;overflow:hidden}.order .pbar i{border-radius:1em;height:100%;transition:width .25s linear;display:block}.order.urgent{box-shadow:0 0 0 2px var(--red);animation:.7s infinite glow-red}.order .dots{gap:.25em;padding:.55em .5em;display:inline-flex}.order .dots i{background:var(--muted);border-radius:50%;width:.4em;height:.4em;animation:1s infinite blink}.order .dots i:nth-child(2){animation-delay:.2s}.order .dots i:nth-child(3){animation-delay:.4s}.qring{width:1.9em;height:1.9em}.qring .pi{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:.95em;font-weight:800;display:flex;position:relative;box-shadow:0 1px 2px #0000001a}.qring .ring{width:100%;height:100%;position:absolute;inset:0}.qring.urgent .pi{animation:.7s infinite glow-red}.arrow,.prompt{padding-bottom:2.7em}.arrow.tbl,.prompt.tbl{padding-bottom:3.4em}.arrow.floor{padding-bottom:.15em}.prompt.gf{pointer-events:none;padding:0;font-size:.78em}.prompt.gf .pi{padding:.25em}.prompt.gf.team0{color:var(--red)}.prompt.gf.team1{color:var(--blue)}.gf-bar{background:#ecedf0;border-radius:.35em;width:.7em;height:2.2em;margin:0 .15em;display:block;position:relative}.gf-bar i{transform-origin:50% 100%;background:currentColor;border-radius:.35em;position:absolute;inset:0}.prompt.gf.pull .gf-bar{border-radius:.75em;width:1.5em;height:4.8em;box-shadow:0 .1em .4em #0000002e}.prompt.gf.pull .gf-bar i{border-radius:.75em}.prompt.gf.full .gf-bar{box-shadow:0 0 0 .14em #f7c948}.arrow .pi{animation:.3s both pop-in,1s ease-in-out .3s infinite nudge}.arrow.sd-way{padding-bottom:0}.arrow.sd-way .pi{animation:.25s both pop-in,.7s ease-in-out .25s infinite sd-pulse}.arrow.sd-way svg{width:1.7em;height:1.7em;margin-bottom:-.85em}.arrow.sd-way.turn svg{width:2.1em;height:2.1em;margin-bottom:-1.05em}@keyframes sd-pulse{0%,to{opacity:1}50%{opacity:.55}}.arrow svg{filter:drop-shadow(0 .12em .15em #0003);width:2em;height:2.2em;display:block;overflow:visible}.arrow path{stroke:#fff;stroke-width:4px;stroke-linejoin:round;paint-order:stroke}.arrow.team0 path{fill:var(--red)}.arrow.team1 path{fill:var(--blue)}.prompt .pi{background:#fff;border-radius:.8em;align-items:center;gap:.4em;padding:.25em;display:flex;box-shadow:0 1px 2px #00000014,0 .4em 1em #0000001a}.prompt .pi:has(small){padding-right:.7em}.prompt kbd{border-radius:.5em;min-width:2em;height:2em;padding:0 .3em;font-size:1.15em}.prompt.team0 kbd{color:var(--red)}.prompt.team1 kbd{color:var(--blue)}.prompt .wait{padding:.1em;font-size:1.6em}.prompt.team0 .wait{color:var(--red)}.prompt.team1 .wait{color:var(--blue)}.prompt.soft .pi{opacity:.85}.prompt small{color:var(--ink);font-size:1em;font-weight:700}.stuck{z-index:2}.stuck .pi{color:var(--ink);white-space:nowrap;background:#fff;border:2.5px solid;border-radius:.9em;align-items:center;gap:.45em;padding:.35em .4em .35em .8em;font-size:1.1em;font-weight:800;animation:.3s both pop-in;display:flex;position:relative;box-shadow:0 .3em 1em #00000029}.stuck-0 .prompt.team0,.stuck-1 .prompt.team1{visibility:hidden}.stuck .pi:not(:has(kbd)){padding-right:.8em}.stuck .pi:after{content:"";border:.4em solid #0000;border-top-color:inherit;border-bottom:0;margin-left:-.4em;position:absolute;bottom:-.5em;left:50%}.stuck.team0 .pi{border-color:var(--red)}.stuck.team1 .pi{border-color:var(--blue)}.stuck small{color:var(--muted);font-size:.85em;font-weight:700}.stuck kbd{border-radius:.5em;min-width:1.9em;height:1.9em;padding:0 .3em}.stuck.team0 kbd{color:var(--red)}.stuck.team1 kbd{color:var(--blue)}#howto{z-index:20;font-family:var(--font);cursor:pointer;background:#17181cd1;justify-content:center;align-items:center;animation:.25s fadein;display:flex;position:absolute;inset:0}#howto[hidden]{display:none}#howto.stuck{background:#17181c73}.ht-card{aspect-ratio:16/9;border-radius:calc(22px * var(--ui));background:#17181c;width:min(92vw,149.333vh);position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}#howto.stuck .ht-card{border:calc(6px * var(--ui)) solid #fff;width:min(62vw,110.222vh);animation:.3s both pop-in}.ht-card video{object-fit:cover;width:100%;height:100%;display:block}.ht-close{top:calc(14px * var(--ui));right:calc(14px * var(--ui));width:calc(52px * var(--ui));height:calc(52px * var(--ui));min-width:36px;min-height:36px;color:var(--ink);background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;box-shadow:0 4px 14px #0000004d}#howto.stuck .ht-close{display:flex}.ht-title,.ht-hint{padding:calc(10px * var(--ui)) calc(20px * var(--ui));font-size:max(13px, calc(19px * var(--ui)));white-space:nowrap;pointer-events:none;border-radius:999px;font-weight:700;position:absolute}.ht-title{top:calc(18px * var(--ui) + env(safe-area-inset-top,0px));left:calc(28px * var(--ui) + env(safe-area-inset-left,0px));color:#fff}.ht-hint{top:calc(16px * var(--ui) + env(safe-area-inset-top,0px));right:calc(16px * var(--ui) + env(safe-area-inset-right,0px));color:var(--ink);background:#fff;box-shadow:0 4px 14px #00000040}#howto.stuck .ht-title{display:none}#howto.stuck .ht-hint{right:auto;left:calc(16px * var(--ui) + env(safe-area-inset-left,0px))}@media (height<=520px) and (pointer:coarse){#howto.stuck{background:#17181c}#howto .ht-card,#howto.stuck .ht-card{border:0;border-radius:0;width:min(100vw,177.778vh)}}#howto.tall,#howto.tall.stuck{background:#17181c}#howto.tall .ht-card,#howto.tall.stuck .ht-card{aspect-ratio:9/16;border:0;border-radius:0;width:min(100vw,56.25vh)}#howto.tall .ht-hint,#howto.tall.stuck .ht-hint{top:auto;bottom:calc(16px * var(--ui) + env(safe-area-inset-bottom,0px));left:50%;right:auto;translate:-50%}#howto.tall .ht-title{top:calc(18px * var(--ui) + env(safe-area-inset-top,0px));left:50%;translate:-50%}#howto.tall .ht-hint,#howto.tall .ht-title{position:fixed}.prompt .pi:has(.what){padding-right:.7em}.prompt .pi>small:first-child{margin-left:.45em}.prompt .what{color:var(--ink);white-space:nowrap;font-weight:800}.want .pi{background:#fff;border:2.5px solid;border-radius:50%;justify-content:center;align-items:center;width:2.6em;height:2.6em;display:flex;position:relative;box-shadow:0 .2em .5em #0000001f}.want .pi:after{content:"";border:.3em solid #0000;border-top-color:inherit;border-bottom:0;margin-left:-.3em;position:absolute;bottom:-.45em;left:50%}.want.team0 .pi{border-color:var(--red);color:var(--red)}.want.team1 .pi{border-color:var(--blue);color:var(--blue)}.want img{object-fit:contain;width:88%;height:88%}.want .gl{font-size:1.2em}.arrow.sk{padding-bottom:.1em}.arrow.sk svg{width:1.5em;height:1.65em}.prompt.sk{padding-bottom:.4em;font-size:.86em}.popup.sk-say{font-size:1em}.popup.sk-say.team0{color:var(--red)}.popup.sk-say.team1{color:var(--blue)}.arrow.wt{padding-bottom:.1em}.arrow.wt svg{width:1.5em;height:1.65em}.prompt.wt{padding-bottom:.4em;font-size:.86em}.popup.wt-say{font-size:1em}.popup.wt-say.team0,.popup.wt-points.team0{color:var(--red)}.popup.wt-say.team1,.popup.wt-points.team1{color:var(--blue)}.popup.wt-points{font-size:1.7em;font-weight:900}.popup.wt-points.big{font-size:2.3em}.wt-word{pointer-events:none}.wt-word .pi{color:#fff;white-space:nowrap;background:#1f7a45;border-radius:999px;align-items:baseline;gap:.4em;padding:.2em .65em;font-size:.8em;font-weight:800;animation:.25s both pop-in;display:flex;box-shadow:0 .3em .8em #00000026}.wt-word .pi span{opacity:.85;font-weight:900}.cc-wait{pointer-events:none}.cc-wait .pi{color:#fff;white-space:nowrap;border-radius:999px;padding:.15em .6em;font-size:.8em;font-weight:800;animation:.25s both pop-in;box-shadow:0 .3em .8em #00000026}.cc-wait.team0 .pi{background:var(--red)}.cc-wait.team1 .pi{background:var(--blue)}.wt-word.cc-word.team0 .pi{background:var(--red)}.wt-word.cc-word.team1 .pi{background:var(--blue)}.arrow.mc{padding-bottom:.1em}.arrow.mc svg{width:1.5em;height:1.65em}.prompt.mc{padding-bottom:.3em;font-size:.86em}.mc-tag{pointer-events:none;padding-bottom:.25em}.mc-tag .pi{color:#fff;white-space:nowrap;background:#1f7a45;border-radius:999px;padding:.2em .65em;font-size:.8em;font-weight:800;animation:.25s both pop-in;box-shadow:0 .3em .8em #00000026}.popup.mc-say{font-size:1.05em}.popup.mc-say.team0,.popup.mc-points.team0{color:var(--red)}.popup.mc-say.team1,.popup.mc-points.team1{color:var(--blue)}.popup.mc-points{font-size:1.7em;font-weight:900}.popup.mc-points.big{font-size:2.3em}.arrow.go{padding-bottom:.1em}.arrow.go svg{width:1.5em;height:1.65em}.prompt.go{padding-bottom:.3em;font-size:.86em}.go-tag{pointer-events:none;padding-bottom:.25em}.go-tag .pi{color:#fff;white-space:nowrap;background:#1f7a45;border-radius:999px;padding:.2em .65em;font-size:.8em;font-weight:800;animation:.25s both pop-in;box-shadow:0 .3em .8em #00000026}.go-tag .pi.warn{background:var(--ink)}.popup.go-say{font-size:1.05em}.popup.go-say.team0,.popup.go-points.team0{color:var(--red)}.popup.go-say.team1,.popup.go-points.team1{color:var(--blue)}.popup.go-points{font-size:1.7em;font-weight:900}.popup.go-points.big{font-size:2.3em}.arrow.bd{padding-bottom:.1em}.arrow.bd svg{width:1.5em;height:1.65em}.prompt.bd{padding-bottom:.3em;font-size:.86em}.bd-tag{pointer-events:none;padding-bottom:.25em}.bd-tag .pi{color:#fff;white-space:nowrap;background:#1f7a45;border-radius:999px;padding:.2em .65em;font-size:.8em;font-weight:800;animation:.25s both pop-in;box-shadow:0 .3em .8em #00000026}.bd-tag .pi.warn{background:var(--ink)}.popup.bd-say{font-size:1.05em}.popup.bd-say.team0,.popup.bd-points.team0{color:var(--red)}.popup.bd-say.team1,.popup.bd-points.team1{color:var(--blue)}.popup.bd-points{font-size:1.5em;font-weight:900}.popup.bd-points.big{font-size:2.1em}.arrow.fr{padding-bottom:.1em}.arrow.fr svg{width:1.5em;height:1.65em}.prompt.fr{padding-bottom:.3em;font-size:.86em}.fr-tag{pointer-events:none;padding-bottom:.25em}.fr-tag .pi{color:#fff;white-space:nowrap;background:#1f7a45;border-radius:999px;padding:.2em .65em;font-size:.8em;font-weight:800;animation:.25s both pop-in;box-shadow:0 .3em .8em #00000026}.popup.fr-say{font-size:1.05em}.popup.fr-say.team0,.popup.fr-points.team0{color:var(--red)}.popup.fr-say.team1,.popup.fr-points.team1{color:var(--blue)}.popup.fr-points{font-size:1.6em;font-weight:900}html.face #labels .arrow.fr.team1>*{rotate:none}html.face #labels .prompt.fr.team1>*,html.face #labels .fr-tag.team1>*,html.face #labels .popup.fr-say.team1>*,html.face #labels .popup.fr-points.team1>*{transform-origin:50%}.popup{white-space:nowrap;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 5px #fff,0 0 8px #fff;font-size:1.1em;font-weight:800}.popup .pi{align-items:center;gap:.2em;animation:.35s both pop-in;display:flex}.popup.big{font-size:2.2em}.popup.coins{color:#a87a00;font-size:1.2em}.popup.coins.spend{color:var(--muted)}.popup.angry .pi{gap:.1em}.popup.angry .mad{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7 L17 17 M17 7 L7 17' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 70% no-repeat;border-radius:50%;width:1.5em;height:1.5em;box-shadow:0 0 0 2px #fff}.popup.warn{color:var(--red);font-size:1.4em}.popup.warn.big{font-size:2em}.popup.good{color:var(--green);font-size:1.6em}.popup.good.big{font-size:2.2em}.popup.fail{color:var(--red);font-size:1.6em}.popup.fail .pi{animation:.3s both pop-in,.15s .3s 3 shake}.popup.fail small{color:var(--ink);font-size:.45em}.flycoin{border:5px solid var(--yellow);z-index:2;pointer-events:none;background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:-11px;left:-11px;box-shadow:0 2px 6px #0000002e}.flyscore{color:#fff;z-index:2;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;top:-16px;left:-16px;box-shadow:0 0 0 3px #fff,0 3px 10px #0003}#app.framed #gl,#app.framed #labels{clip-path:inset(0 round 0 calc(22px * var(--ui)) calc(22px * var(--ui)) 0)}#app.framed #labels{overflow:hidden}#app[data-mode=lobby] #gl,#app[data-mode=lobby] #labels{visibility:hidden}#dev-badge{z-index:30;color:#8a5a00;white-space:nowrap;background:#fff4d6;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f0c35a}#app[data-mode=play] #dev-badge{display:none}.walkto{pointer-events:none;width:2.6em;height:1.56em}.walkto svg{width:100%;height:100%;animation:.9s ease-in-out infinite alternate walkto-pulse;display:block}@keyframes walkto-pulse{0%{opacity:.95;transform:scale(.82)}to{opacity:.6;transform:scale(1)}}#hud{pointer-events:none;z-index:2;zoom:var(--ui);font-family:var(--font);color:var(--ink);position:absolute;inset:0}#hud [hidden]{display:none!important}.hud-layer{inset:0;top:calc(env(safe-area-inset-top,0px) / var(--ui));bottom:calc(env(safe-area-inset-bottom,0px) / var(--ui));left:calc(env(safe-area-inset-left,0px) / var(--ui));right:calc(env(safe-area-inset-right,0px) / var(--ui));position:absolute}.pill{height:52px;box-shadow:var(--shadow-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;display:flex}.hud-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute;top:18px;left:24px;right:24px}.pill.team{justify-self:start;gap:12px;padding:6px 18px 6px 6px}.pill.team.blue{flex-direction:row-reverse;padding:6px 6px 6px 18px}.pill.team .score{letter-spacing:-.5px;text-align:center;min-width:.7em;font-size:30px;font-weight:800;line-height:1}.pill.team .score.bump,.pill.team .coins.bump{animation:.45s bump}.pill.team .meta{color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.pill.team.blue .meta{flex-direction:row-reverse}.pill.team .cpu{background:var(--bg);border-radius:8px;padding:3px 8px;font-size:13px;font-weight:700}.pill.team .coins{align-items:center;display:inline-flex}.pill.team .bd-clock{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg);border-radius:8px;padding:2px 8px;font-size:17px;font-weight:800}.pill.team .bd-clock.low{color:#fff;background:var(--ink)}.pill.team.turn-on .bd-clock{color:var(--ink);background:#fff}.pill.team{transition:background-color .25s,color .25s,opacity .25s}.pill.team.turn-on.red{background:var(--red);color:#fff}.pill.team.turn-on.blue{background:var(--blue);color:#fff}.pill.team.turn-on .meta{color:#fff}.pill.team.turn-on .av{box-shadow:0 0 0 2px #fff}.pill.team.turn-on .wt-pts,.pill.team.turn-on .cpu{display:none}.pill.team.turn-off{opacity:.5}.pill.team .turn-tag{white-space:nowrap;font-size:18px;font-weight:800}.pill.team.turn-off .turn-tag{font-weight:700}.bm-stats{align-items:center;gap:9px;display:inline-flex}.pill.team.blue .bm-stats{flex-direction:row-reverse}.bm-stat{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:15px;font-weight:800;display:inline-flex}.bm-stat svg{display:block}.pill.team.red .bm-stat.shield{color:var(--red)}.pill.team.blue .bm-stat.shield{color:var(--blue)}.sd-stats{align-items:center;gap:9px;display:inline-flex}.pill.team.blue .sd-stats{flex-direction:row-reverse}.sd-stat{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:15px;font-weight:800;display:inline-flex}.sd-stat svg{color:var(--muted,#6b6e78);display:block}.pill.team.red .sd-stat.shield svg,.pill.team.red .sd-stat.boost.ready svg,.pill.team.red .sd-stat.boost.on svg{color:var(--red)}.pill.team.blue .sd-stat.shield svg,.pill.team.blue .sd-stat.boost.ready svg,.pill.team.blue .sd-stat.boost.on svg{color:var(--blue)}.sd-bar{background:#ecedf0;border-radius:4px;width:26px;height:7px;position:relative;overflow:hidden}.sd-bar i{transform-origin:0;background:#b9bcc5;border-radius:4px;position:absolute;inset:0}.pill.team.red .sd-stat.boost.ready .sd-bar i,.pill.team.red .sd-stat.boost.on .sd-bar i{background:var(--red)}.pill.team.blue .sd-stat.boost.ready .sd-bar i,.pill.team.blue .sd-stat.boost.on .sd-bar i{background:var(--blue)}.jg-piece{color:var(--muted);display:inline-flex}.pill.team.red .jg-piece{color:var(--red)}.pill.team.blue .jg-piece{color:var(--blue)}.jg-piece svg{display:block}.pill.day .jg-bar{background:var(--line);border-radius:999px;width:140px;height:8px;display:block;position:relative;overflow:hidden}.pill.day .jg-bar i{background:var(--green);transform-origin:0;border-radius:999px;transition:transform .3s;position:absolute;inset:0}.pill.day b.jg-count{font-variant-numeric:tabular-nums}.sk-grid{color:var(--muted);display:inline-flex}.pill.team.red .sk-grid{color:var(--red)}.pill.team.blue .sk-grid{color:var(--blue)}.sk-grid svg{display:block}.pill.day .sk-bar{background:var(--line);border-radius:999px;width:140px;height:8px;display:block;position:relative;overflow:hidden}.pill.day .sk-bar i{background:var(--green);transform-origin:0;border-radius:999px;transition:transform .3s;position:absolute;inset:0}.pill.day b.sk-count{font-variant-numeric:tabular-nums}.pill.day .wt-who{align-items:center;gap:8px;display:inline-flex}.pill.day .wt-who i{background:var(--muted);border-radius:50%;width:10px;height:10px}.pill.day .wt-who.team0 i{background:var(--red)}.pill.day .wt-who.team1 i{background:var(--blue)}.pill.team .av.red.wt-turn{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--red)}.pill.team .av.blue.wt-turn{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--blue)}.pill.team .cc-stars{font-variant-numeric:tabular-nums;white-space:nowrap}.pill.team .cc-ahead{font-variant-numeric:tabular-nums;transition:color .2s}.pill.team .cc-ahead.cc-low{color:var(--red);animation:.6s ease-in-out infinite alternate cc-blink}.pill.team.blue .cc-ahead.cc-low{color:var(--blue)}@keyframes cc-blink{to{opacity:.45}}.cc-wins{gap:4px;margin-left:4px;display:inline-flex}.cc-wins i{background:var(--line);border-radius:50%;width:9px;height:9px}.pill.team.red .cc-wins i.on{background:var(--red)}.pill.team.blue .cc-wins i.on{background:var(--blue)}.gf-stats{align-items:center;display:inline-flex}.gf-stat{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:15px;font-weight:800;display:inline-flex}.gf-stat svg{color:var(--muted,#6b6e78);display:block}.pill.team.red .gf-stat.in svg{color:var(--red)}.pill.team.turn-on .gf-stat,.pill.team.turn-on .gf-stat svg{color:#fff}.pill.team.blue .gf-stat.in svg{color:var(--blue)}.cards{gap:3px;display:flex}.mini-card{display:flex}.mini-card svg{display:block}.hud-mid{justify-self:center;align-items:center;gap:10px;min-width:0;display:flex}.hud-top>.pill.team.blue{justify-self:end}html.upright .hud-top{grid-template-columns:1fr 1fr;row-gap:10px}html.upright .hud-top>.pill.team.red{grid-area:1/1}html.upright .hud-top>.pill.team.blue{grid-area:1/2}html.upright .hud-mid{grid-area:2/1/3/3;max-width:100%}html.upright .hud-mid>.pill.day{min-width:0;overflow:hidden}.pill.pause{width:52px;color:var(--ink);cursor:pointer;pointer-events:auto;border:0;justify-content:center;padding:0}.pill.pause:focus-visible{outline:3px solid var(--sel);outline-offset:3px}.pill.day{gap:16px;padding:0 22px}.pill.day b{font-size:17px;font-weight:800}.pill.day .bar{background:var(--line);border-radius:999px;width:200px;height:8px;display:block;position:relative;overflow:hidden}.pill.day .bar i{background:var(--ink);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.pill.day .lbl{color:var(--muted);font-size:14px;font-weight:600}.closing{color:var(--red);font-weight:700}.learned{color:var(--green);align-items:center;gap:5px;font-weight:700;display:inline-flex}.bells{gap:6px;display:flex}.bell{background:var(--bg);width:30px;height:30px;color:var(--faint);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.bell.on.t0{background:var(--red);color:#fff}.bell.on.t1{background:var(--blue);color:#fff}.toast-slot{justify-content:center;display:flex;position:absolute;top:84px;left:0;right:0}.toast{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:15px;font-weight:700;animation:.25s both toast-in;display:flex;box-shadow:0 8px 20px #00000026}.toast.out{animation:.3s both toast-out}.toast .ok{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.hud-bottom{bottom:16px;left:calc(24px + var(--side-l,0px) / var(--ui));right:calc(24px + var(--side-r,0px) / var(--ui));grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute}.keys{justify-self:start;align-items:center;gap:6px;display:flex}.keys.blue{justify-self:end}.kg{height:40px;box-shadow:var(--shadow-1);color:var(--muted);white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:13px;font-weight:700;display:flex}.kg.hold{padding-left:12px}.kg kbd{min-width:28px;height:28px;padding:0 7px;font-size:13px}.keys.red .kg kbd{color:var(--red)}.keys.blue .kg kbd{color:var(--blue)}#banner{z-index:2;zoom:var(--ui);font-family:var(--font);color:var(--ink);white-space:nowrap;pointer-events:none;opacity:0;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:18px 40px 16px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000000f,0 16px 40px #0000001f}#banner.show,.fh-banner.show{animation:.35s both banner-in}#banner.hide,.fh-banner.hide{animation:.35s both banner-out}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes banner-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-58%)}}#banner b,.fh-banner b{letter-spacing:-1.4px;font-size:44px;font-weight:800;line-height:1}#banner b.count,.fh-banner b.count{font-size:72px}#banner span,.fh-banner span{color:var(--muted);font-size:17px;font-weight:600}html.face .hud-layer>.hud-top,html.face .hud-layer>.hud-bottom,html.face .hud-layer>.toast-slot,html.face #banner{display:none}#face{position:absolute;inset:0}#face[hidden]{display:none}.fh{height:50%;position:absolute;left:0;right:0}.fh.red{--safe:env(safe-area-inset-bottom,0px);bottom:0}.fh.blue{--safe:env(safe-area-inset-top,0px);top:0;rotate:180deg}.fh-strip{left:20px;right:20px;bottom:calc((8px + var(--safe)) / var(--ui));align-items:center;gap:10px;display:flex;position:absolute}.fh-strip .pill.day{min-width:0;margin-left:auto;overflow:hidden}.fh-pause{flex:none}.fh-tip{left:0;right:0;bottom:calc((var(--face,160px) - var(--tip-row,34px)) / var(--ui));height:calc(var(--tip-row,34px) / var(--ui));pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.fh-toast{left:0;right:0;bottom:calc((var(--face,160px) + 6px) / var(--ui));justify-content:center;display:flex;position:absolute}.fh-banner{color:var(--ink);white-space:nowrap;opacity:0;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:18px 40px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000000f,0 16px 40px #0000001f}.fh-banner.mid{top:24%}#overlay{z-index:3;zoom:var(--ui);pointer-events:none;font-family:var(--font);color:var(--ink);position:absolute;inset:0}#overlay.on{pointer-events:auto}#overlay{--sa-t:calc(env(safe-area-inset-top,0px) / var(--ui));--sa-r:calc(env(safe-area-inset-right,0px) / var(--ui));--sa-b:calc(env(safe-area-inset-bottom,0px) / var(--ui));--sa-l:calc(env(safe-area-inset-left,0px) / var(--ui))}.screen,.screen .modal{border-style:solid;border-color:#0000;border-width:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l)}.screen .modal{inset:calc(-1 * var(--sa-t)) calc(-1 * var(--sa-r)) calc(-1 * var(--sa-b)) calc(-1 * var(--sa-l))}.screen{justify-content:center;align-items:center;animation:.25s fadein;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}:where(.game-panel) button{font:inherit;color:inherit;cursor:pointer}.game-panel button:focus-visible{outline:3px solid var(--sel);outline-offset:3px}.game-panel{-webkit-backdrop-filter:blur(6px);background:#f2f2f4c7}.game-panel h2{letter-spacing:-1.2px;margin:0;font-size:40px;font-weight:800;line-height:1}.game-panel .kicker{color:var(--muted);font-size:13px}.game-panel .done{color:var(--green);align-items:center;gap:6px;font-weight:800;display:inline-flex}.game-panel .wait{color:var(--muted);font-weight:700}.game-panel kbd{min-width:30px;height:30px;padding:0 8px;font-size:14px}.sheet.dayend,.sheet.pause{align-items:stretch;gap:14px;padding:30px 36px 26px}.team-cols{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.team-col{background:var(--bg);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.team-col .av{width:48px;height:48px;font-size:19px}.today{flex-direction:column;align-items:center;gap:2px;display:flex}.today b{letter-spacing:-2px;font-size:56px;font-weight:800;line-height:1}.team-col.red .today b{color:var(--red)}.team-col.blue .today b{color:var(--blue)}.today span,.tot{color:var(--muted);font-size:15px;font-weight:600}.tot{align-items:center;gap:12px;display:flex}.team-col .ok{width:100%;height:48px;color:var(--muted);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:700;display:flex}.team-col .ok.on{box-shadow:inset 0 0 0 2px var(--green)}.lost{text-align:center;color:var(--red-ink);margin:0;font-size:15px;font-weight:600}.next{text-align:center;color:var(--muted);margin:0;font-size:15px;font-weight:600}html.face .team-cols{grid-template-columns:1fr}html.face .team-col.blue{order:-1;rotate:180deg}.screen.draft{flex-direction:column;gap:26px}.draft-head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.draft-head .lede{font-size:17px}.halves{grid-template-columns:1fr 1fr;gap:32px;display:grid}html.tall .halves{grid-template-columns:auto;gap:20px}html.tall .draft-head{padding:0 32px}html.face .halves{display:contents}html.face .half.blue{order:-1;rotate:180deg}html.face .half.red{order:1}.pause-ends{flex-direction:column;justify-content:space-around}.pause-ends .sheet.blue{rotate:180deg}.half{background:#fff9;border-radius:26px;flex-direction:column;align-items:center;gap:16px;padding:20px 22px 18px;display:flex}.half-top{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.pick-cards{gap:14px;display:flex}.pick-card{width:168px;height:236px;box-shadow:var(--shadow-2);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex;position:relative}.pick-card .cat{background:color-mix(in srgb, var(--cat) 12%, white);color:color-mix(in srgb, var(--cat) 80%, black);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.pick-card .icon{margin:4px 0 2px;display:flex}.pick-card .cname{letter-spacing:-.3px;font-size:17px;font-weight:800}.pick-card .cshort{color:var(--muted);font-size:14px;font-weight:600;line-height:1.3}.pick-card .temp{color:var(--muted);margin-top:auto;font-size:12px;font-weight:700}.pick-card .tick{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 0 0 3px #fff}.pick-card.sel{outline:4px solid var(--sel);outline-offset:4px;transform:translateY(-6px);box-shadow:0 16px 36px #0000001f}.half.untouched .pick-card.sel{box-shadow:var(--shadow-2);outline:none;transform:none}.half.tapping:not(.untouched) .pick-card.sel:not(.picked):after{content:var(--again);background:var(--sel);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;position:absolute;bottom:-14px;left:50%;translate:-50%}.pick-card.picked .tick{animation:.3s both pop-in;display:flex}.pick-card.dim{opacity:.4}.half .help{height:34px;color:var(--muted);justify-content:center;align-items:center;gap:22px;margin:0;font-size:15px;font-weight:600;display:flex}.kh{align-items:center;gap:6px;display:flex}.half.red .kh kbd{color:var(--red)}.half.blue .kh kbd{color:var(--blue)}.sheet.dayend{width:640px}.sheet.pause{width:400px}.sheet.pause h2{margin-bottom:8px}.sheet.pause .cta{align-self:stretch;height:52px;margin-top:0}.sheet.pause .plain{box-shadow:inset 0 0 0 1.5px var(--border);justify-content:center}.sheet.pause .link{align-self:center}.hint{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.screen.flow{background:var(--bg);color:var(--ink);font-family:var(--font);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px 64px 0;display:flex}:where(.flow) button{font:inherit;color:inherit;cursor:pointer}.flow button:focus-visible,.flow a:focus-visible{outline:3px solid var(--sel);outline-offset:3px}.nav-keys .nav-focus{outline:3px solid var(--sel);outline-offset:4px}.flow h1{margin:0;font-weight:800}.flow .stack{flex-direction:column;gap:6px;display:flex}.flow-top{flex:none;justify-content:space-between;align-items:center;height:48px;display:flex}.title-logo{margin:0}.title-logo img{filter:drop-shadow(0 6px 10px #28140a2e);width:auto;height:100%;display:block}.brand{letter-spacing:-.045em;text-transform:lowercase;align-items:center;gap:.25em;font-size:18px;font-weight:900;display:flex}.brand .pear{flex:none;display:block}.brand.big{font-size:31px}.flow kbd{border-width:1px;border-radius:8px;min-width:30px;height:28px;padding:0 8px;font-size:13px;font-weight:700}.round{width:46px;height:46px;box-shadow:var(--shadow-1);background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.cta{background:var(--red);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 34px;font-size:19px;font-weight:700;display:flex}.cta:hover{background:#cc0026}.cta:disabled{background:var(--border);color:var(--muted);cursor:default}.av{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.av.red{background:var(--red)}.av.blue{background:var(--blue)}.duo{display:flex}.duo .av{box-shadow:0 0 0 3px var(--bg)}.duo .av+.av{margin-left:-8px}.ok-dot{background:var(--green);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.lede{color:var(--muted);margin:0;font-size:22px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip{height:34px;box-shadow:var(--shadow-1);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.chip svg{color:var(--muted)}.chip.mode.versus{background:var(--red-soft);color:var(--red-ink);box-shadow:none}.chip.mode.coop{background:var(--green-soft);color:#17713f;box-shadow:none}.chip.classic{background:var(--ink);color:#fff;box-shadow:none}.link{height:32px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0 6px;font-size:14px;font-weight:600;text-decoration:underline}.link.here{color:#3b3d45;align-self:flex-start;align-items:center;height:36px;padding:0;font-size:16px;display:flex}.keys-hint{align-items:center;gap:8px;display:flex}.hints{align-items:center;gap:18px;display:flex}.tip{color:var(--muted);align-items:center;gap:10px;font-size:16px;display:flex}.screen.flow.home{overscroll-behavior:contain;scrollbar-width:none;background:0 0;padding:0;overflow:hidden auto}.screen.flow.home::-webkit-scrollbar{display:none}.home-top{flex:none;justify-content:space-between;align-items:center;gap:28px;height:72px;padding:0 48px;display:flex}.home-top .hints{color:var(--muted);margin-right:auto;font-size:15px}.top-right{color:var(--muted);align-items:center;gap:20px;font-size:17px;font-weight:500;display:flex}.pill-btn{border:1px solid var(--border);background:#fff;border-radius:999px;height:44px;padding:0 22px;font-size:16px;font-weight:700}.nav-keys .home .top-btn.sel{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--sel)}.record{color:var(--ink);align-items:center;gap:12px;display:flex}.rec-score{font-size:17px;font-weight:700}.room-bar{background:var(--card);box-shadow:var(--shadow-2);border-radius:18px;align-items:center;gap:16px;margin:0 40px 16px;padding:12px 12px 12px 16px;display:flex}.room-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-copy b{color:var(--ink);font-size:17px;font-weight:800}.room-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.room-bar .cta{border-radius:999px;height:44px;padding:0 22px;font-size:16px}.leave-sheet .sheet-foot .cta{height:48px;padding:0 26px}.feature{border-radius:22px;flex:1 0 auto;min-height:350px;margin:0 40px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 20px 50px #00000014}.feature-copy{background:#e6e7ea;flex-direction:column;flex:none;justify-content:center;gap:14px;width:400px;padding:28px 36px 32px;display:flex}.flow .g-logo{width:260px;height:116px;margin:0 0 0 -8px;position:relative}.g-logo img,.feature-art img{opacity:0;transition:opacity .22s;position:absolute}.g-logo img.on,.feature-art img.on{opacity:1}.g-logo img{object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 18px #28140a38);width:100%;height:100%;inset:0}.chips{flex-wrap:wrap;gap:8px;min-height:34px;display:flex}.g-about{color:#3b3d45;margin:0;font-size:18px;line-height:1.4}.play-row{color:var(--muted);align-items:center;gap:16px;margin-top:4px;font-size:15px;display:flex}.feature .cta{flex:none;height:54px;padding:0 34px}.nav-keys .feature .cta.sel{box-shadow:0 0 0 4px #e6e7ea, 0 0 0 7px var(--sel)}.play-note.on{color:var(--green);font-weight:700}.feature-art{flex:1;min-width:0;position:relative;overflow:hidden}.feature-art img{object-fit:cover;object-position:right center;width:100%;height:100%;inset:0}.feature.live .feature-art img.hero.on{opacity:0;transition-duration:.9s}.demo-badge{color:#3b3d45;opacity:0;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:700;transition:opacity .4s;display:flex;position:absolute;top:18px;right:18px}.demo-badge i{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite blink}.feature.live .demo-badge{opacity:1}.caption-slot{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:22px;left:0;right:0}.caption{white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:16px;font-weight:700;animation:2.8s both caption;display:flex;box-shadow:0 1px 2px #0000000f,0 6px 16px #00000014}.caption .av{width:28px;height:28px;font-size:14px}.caption .av.none{background:var(--ink)}@keyframes caption{0%{opacity:0;transform:translateY(10px)scale(.96)}10%,86%{opacity:1;transform:none}to{opacity:0}}.tiles-h{display:none}.tiles{flex:none;grid-template-columns:repeat(5,1fr);gap:14px 16px;padding:16px 40px 20px;display:grid}.tile{aspect-ratio:16/9;width:auto;box-shadow:var(--shadow-1);background:#fff;border:0;border-radius:14px;padding:0;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile.on{outline:4px solid var(--sel);outline-offset:3px;transform:translateY(-3px);box-shadow:0 12px 28px #00000024}.tile .soon{color:#fff;background:#17181cb8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:10px;left:10px}.home .toast-slot{z-index:20;pointer-events:none;justify-content:center;display:flex;position:absolute;top:18px;left:0;right:0}.home .toast{background:#fff;border-radius:999px;align-items:center;gap:12px;padding:8px 22px 8px 8px;font-size:18px;font-weight:700;animation:3s both caption;display:flex;box-shadow:0 1px 2px #0000000f,0 10px 30px #0000001f}.modal{z-index:10;background:#17181c52;justify-content:center;align-items:center;animation:.2s fadein;display:flex;position:absolute;inset:0}.modal.dim{background:#17181c8c}.sheet{background:#fff;border-radius:26px;flex-direction:column;gap:10px;width:560px;padding:28px 32px;animation:.25s both pop-in;display:flex;box-shadow:0 30px 80px #0000004d}.sheet h2{letter-spacing:-.6px;margin:0 0 8px;font-size:28px;font-weight:800}.sheet .sheet-intro h2,.signin-sheet h2{letter-spacing:-1px;margin:0;font-size:38px}.sheet-intro{flex-direction:column;gap:6px;display:flex}.sheet-intro.center{align-items:center}.sheet-sub{color:var(--muted);margin:0;font-size:18px;line-height:1.4}.legal-links{white-space:nowrap}.legal-links a{color:inherit;text-underline-offset:3px;pointer-events:auto;text-decoration:underline}.sheet-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:18px;font-size:15px;display:flex}.back-btn{background:var(--bg);color:#3b3d45;border:0;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:16px;font-weight:700;display:flex}.sheet-foot .link{font-size:16px}.install-btn{align-items:center;gap:8px;display:flex}.install-steps{flex-direction:column;gap:14px;margin:10px 0 4px;padding:0;font-size:19px;line-height:1.35;list-style:none;display:flex}.install-steps li{align-items:center;gap:14px;display:flex}.install-steps .n{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.install-steps .inl{vertical-align:-4px}.code-input{border:2px solid var(--border);background:var(--bg);height:84px;font:800 44px var(--font);letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--ink);border-radius:18px;margin-top:8px;padding:0 20px}.code-input::placeholder{color:#c4c6cc}.code-input:focus{border-color:var(--sel);background:#fff;outline:none}.code-err{color:var(--red-ink);margin:0;font-size:16px;font-weight:700}.code-sheet .sheet-foot{margin-top:8px}.qr{box-shadow:0 0 0 3px var(--sel), 0 6px 16px #0000000f;background:#fff;border-radius:18px;flex:none;padding:14px}.qr svg{width:175px;height:175px;display:block}.qr.small svg{width:200px;height:200px}.set-row{justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-size:17px;font-weight:600;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.seg{background:var(--bg);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:15px;font-weight:700}.seg button[aria-pressed=true]{color:var(--ink);box-shadow:var(--shadow-1);background:#fff}.sheet>.cta{align-self:flex-end;height:48px;margin-top:12px;padding:0 28px;font-size:17px}.sheet.signin-sheet{gap:24px;width:780px;padding:38px 42px 26px}.signin-row{align-items:center;gap:40px;display:flex}.signin-text{flex-direction:column;flex:1;gap:14px;display:flex}.phone-status{color:var(--green);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.phone-status[hidden]{display:none}.phone-status i,.phone-chip i{background:var(--green);border-radius:50%;width:10px;height:10px}.sheet.pay{gap:26px;width:940px;padding:40px 44px 30px}.pay-body{gap:32px;display:flex}.pay-left{flex-direction:column;flex:1;gap:12px;display:flex}.plans{flex-direction:column;gap:12px;display:flex}.opt{border:1px solid var(--border);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;width:100%;padding:16px 20px;display:flex}.opt.on{box-shadow:0 0 0 3px var(--sel);border-color:#0000}.nav-keys .opt.nav-focus{outline:none}.opt-text{flex-direction:column;flex:1;gap:4px;display:flex}.opt-name{align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.save{background:var(--green-soft);color:#17713f;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.price{color:#3b3d45;font-size:16px}.opt .note{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.radio{border:2px solid var(--dash);border-radius:50%;flex:none;width:24px;height:24px}.opt.on .radio{border:7px solid var(--sel)}.cta.pay-btn{height:58px;margin-top:6px}.pay-small{color:var(--muted);text-align:center;font-size:14px}.or-split{color:var(--faint);flex-direction:column;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.or-split i{background:var(--line);flex:1;width:1px}.qr-box{text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:16px;width:250px;display:flex}.qr-copy b{font-size:17px;font-weight:800;display:block}.qr-copy span{color:var(--muted);font-size:15px}.sheet.waiting{text-align:center;align-items:center;gap:22px;width:620px;padding:44px 44px 30px}.sheet.waiting .sheet-intro h2{font-size:36px}.sheet.waiting .sheet-foot{align-self:stretch;margin-top:6px}.spinner{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.spinner .ring{animation:1.1s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.chip.phone-chip{background:var(--bg);height:auto;box-shadow:none;gap:10px;padding:9px 16px;font-size:16px}.screen.flow.join{padding:0}.join-top{flex:none;align-items:center;gap:18px;height:92px;padding:0 48px;display:flex}.join-top .title-logo{height:64px}.slots{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;min-height:0;margin:4px 48px 0;display:grid}.slot{border:3px dashed var(--dash);background:#fafafb;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 24px 48px;transition:background .16s,box-shadow .16s;display:flex;position:relative}.slot>:not(.slot-hit){pointer-events:none}.slot[data-state=in],.slot[data-state=cpu]{border:3px solid var(--red);box-shadow:var(--shadow-2);background:#fff}.slot.blue[data-state=in],.slot.blue[data-state=cpu]{border-color:var(--blue)}.slot-hit{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.slot[data-state=cpu] .slot-hit{cursor:default}.chef{background:var(--red-soft);border-radius:22px;flex:none;width:150px;height:170px;position:relative;overflow:hidden}.slot.blue .chef{background:var(--blue-soft)}.chef img{object-fit:contain;object-position:center bottom;width:120%;height:100%;margin:0 -10%;display:block}.chef-empty{display:none}.slot[data-state=out] .chef{border:2px dashed var(--dash);background:0 0}.slot[data-state=out] .chef img{display:none}.slot[data-state=out] .chef-empty{height:100%;color:var(--dash);justify-content:center;align-items:center;font-size:64px;font-weight:800;display:flex}.slot[data-state=in] .chef img,.slot[data-state=cpu] .chef img{animation:.55s cubic-bezier(.2,.9,.3,1.15) both walk-in-left}.slot.blue[data-state=in] .chef img,.slot.blue[data-state=cpu] .chef img{animation-name:walk-in-right}@keyframes walk-in-left{0%{opacity:0;transform:translate(-70%)}35%{transform:translate(-28%)translateY(-6%)}65%{opacity:1;transform:translate(-8%)}82%{transform:translateY(-4%)}to{transform:none}}@keyframes walk-in-right{0%{opacity:0;transform:translate(70%)}35%{transform:translate(28%)translateY(-6%)}65%{opacity:1;transform:translate(8%)}82%{transform:translateY(-4%)}to{transform:none}}.slot-in,.slot-out,.slot-cpu{display:none}.slot[data-state=in] .slot-in{align-items:center;gap:12px;animation:.3s both pop-in;display:flex}.slot[data-state=out] .slot-out,.slot[data-state=cpu] .slot-cpu{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.slot-cpu{flex-direction:column}.slot-cpu .ok-dot{display:none}.slot b{letter-spacing:-.5px;color:var(--ink);font-size:30px;font-weight:800}.slot small{color:var(--muted);align-items:center;gap:6px;font-size:16px;display:flex}.slot small:empty{display:none}.device{justify-content:center;align-items:center;height:78px;display:flex}.pad-pill{background:var(--red-soft);height:52px;color:var(--red-ink);border-radius:14px;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:700;display:none}.slot.blue .pad-pill{background:var(--blue-soft);color:#0659ba}.slot.on-pad[data-state=in] .kb{display:none}.slot.on-pad[data-state=in] .pad-pill{display:flex}.slot[data-state=cpu] .device{visibility:hidden}.device>.kb,.device>.slot-qr,.device>.pad-pic{display:none}.join[data-look=keys] .device>.kb{display:block}.join[data-look=touch] .device{display:none}.join[data-look=phones] .slot[data-state=out] .device{height:auto}.join[data-look=phones] .slot[data-state=out] .device>.slot-qr,.join[data-look=pads] .slot[data-state=out] .device>.pad-pic{display:flex}.slot-qr .qr{width:140px;height:140px;box-shadow:var(--shadow-2);background:#fff;border-radius:16px;padding:8px}.slot-qr .qr:empty{visibility:hidden}.slot-qr .qr svg{width:100%;height:100%;display:block}.pad-pic{color:var(--red)}.slot.blue .pad-pic{color:var(--blue)}.how{align-items:center;gap:12px;margin-left:auto;display:flex}.how-q{color:var(--muted);font-size:17px;font-weight:600}.how-btn{height:48px;box-shadow:var(--shadow-1), inset 0 0 0 1.5px var(--border);font:700 18px var(--font);color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 14px 0 18px;display:flex}.how-btn svg{color:var(--muted)}.how-kbd[hidden]{display:none}.len{align-items:center;gap:12px;display:flex}.len-q{color:var(--muted);font-size:17px;font-weight:600}.len .seg{box-shadow:var(--shadow-1), inset 0 0 0 1.5px var(--border);background:#fff;border-radius:14px}.len .seg button{white-space:nowrap;cursor:pointer;height:40px;padding:0 16px;font-size:16px}.len .seg button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.len .seg button:disabled{cursor:default}.len .seg button:disabled:not([aria-pressed=true]){opacity:.45}.len-keys{gap:6px;display:flex}.len-keys[hidden],.len-top{display:none}.modal.how-pop{background:#17181c1f;justify-content:flex-end;align-items:flex-start;padding:78px 48px 0 0}.how-list{background:#fff;border-radius:24px;grid-template-columns:repeat(3,210px);gap:10px;padding:12px;animation:.18s both pop-in;display:grid;box-shadow:0 30px 80px #00000040}.how-opt{background:var(--bg);font:700 18px var(--font);color:var(--ink);text-align:center;cursor:pointer;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:18px 12px 16px;display:flex;position:relative}.how-opt:hover:not(:disabled){background:var(--line)}.how-opt[aria-selected=true]{box-shadow:inset 0 0 0 2.5px var(--red);background:#fff}.how-art{width:104px;height:61px;margin-bottom:8px}.how-art .frame{fill:none;stroke:var(--muted);stroke-width:2.4px;stroke-linecap:round}.how-art .r{fill:var(--red)}.how-art .b{fill:var(--blue)}.how-art .r.soft{fill:var(--red-soft)}.how-art .b.soft{fill:var(--blue-soft)}.how-art .line{fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.how-art .r.line{stroke:var(--red)}.how-art .b.line{stroke:var(--blue)}.how-note{color:var(--muted);align-items:center;gap:5px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.how-note svg{flex:none;width:16px;height:16px}.how-opt:disabled{cursor:default}.how-opt:disabled .how-art{filter:grayscale();opacity:.3}.how-opt:disabled b{color:var(--faint)}.how-opt:disabled .how-note{color:var(--ink);background:#fff;border-radius:99px;padding:4px 9px}.how-opt .tick{color:var(--red);display:flex;position:absolute;top:10px;right:10px}.how-opt .tick:empty{display:none}@media (pointer:coarse){.how-btn{height:62px;font-size:22px}.how-q{font-size:20px}.modal.how-pop{padding-top:84px}.how-list{grid-template-columns:repeat(3,230px)}.how-opt{font-size:20px}.how-note{font-size:16px}}.join-foot{flex:none;justify-content:space-between;align-items:center;gap:28px;height:104px;padding:0 48px;display:flex}.join-foot .len-foot+.tip{margin-right:auto}.status{color:#3b3d45;background:#e1e2e6;border-radius:14px;padding:14px 26px;font-size:18px;font-weight:700}.count-layer{z-index:8;background:#f2f2f459;justify-content:center;align-items:center;animation:.2s fadein;display:flex;position:absolute;inset:0}.count-layer[hidden]{display:none}.count-banner{background:#fff;border-radius:999px;align-items:center;gap:12px;padding:10px 22px 10px 10px;font-size:19px;font-weight:700;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000f,0 10px 30px #0000001f}.count-banner[hidden]{display:none}.join-foot .count-banner{position:static;transform:none}.join-foot [hidden]{display:none}.count-num{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;font-size:132px;font-weight:800;display:flex;box-shadow:0 0 0 10px #ffffffe6,0 30px 80px #0000004d}.count-num.tick{animation:.45s cubic-bezier(.2,.9,.3,1.25) both count-pop}@keyframes count-pop{0%{opacity:.4;transform:scale(.7)}}.pause-note{background:var(--red-soft);color:var(--red-ink);border-radius:12px;margin:-4px 0 4px;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.35}@media (prefers-reduced-motion:reduce){.slot .chef img,.spinner .ring,.demo-badge i,.count-num.tick{animation:none!important}}.screen.flow.results{flex-direction:row;align-items:center;gap:88px;padding:0 96px}.share{width:432px;box-shadow:var(--shadow-3);background:#fff;border-radius:26px;flex-direction:column;flex:none;animation:.35s both pop-in;display:flex;overflow:hidden}.share-art{flex:none;height:150px;position:relative}.share-art .art{object-fit:cover;object-position:70% center;width:100%;height:100%;display:block}.share-art .logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 10px #28140a40);max-width:calc(100% - 36px);height:112px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.share-body{flex-direction:column;gap:16px;padding:20px 32px 22px;display:flex}.share-date{color:var(--muted);font-size:13px;font-weight:600}.kicker{letter-spacing:1.5px;font-weight:800}.share-result{flex-direction:column;gap:4px;display:flex}.winner{letter-spacing:-1.5px;font-size:44px;font-weight:800;line-height:1}.final{letter-spacing:-3px;font-size:72px;font-weight:800;line-height:1}.served{flex-direction:column;gap:8px;display:flex}.split-bar{border-radius:999px;gap:3px;height:10px;display:flex;overflow:hidden}.split-bar span{background:var(--red);border-radius:999px;display:block}.split-bar span+span{background:var(--blue);flex:1}.split-text{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.awards{flex-direction:column;font-size:15px;display:flex}.award{justify-content:space-between;align-items:center;height:34px;display:flex}.award+.award{border-top:1px solid var(--line)}.award span{color:var(--muted)}.award b{font-weight:700}.share-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;display:flex}.brand.small{font-size:14px}.rec .r{color:var(--red)}.rec .b{color:var(--blue)}.again-col{flex-direction:column;flex:1;gap:28px;min-width:0;display:flex}.again-col .stack{gap:12px}.results h1{letter-spacing:-2.4px;font-size:64px;line-height:1}.results .lede{font-size:20px}.again-row{align-items:center;gap:16px;display:flex}.again-row+.again-row{gap:12px}.cta.big{height:60px;padding:0 36px;font-size:20px}.or{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.or kbd{border-width:1px;border-radius:8px;height:28px;padding:0 10px;font-size:13px;font-weight:700}.plain{height:52px;box-shadow:var(--shadow-1);background:#fff;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:700;display:flex}.link.big{height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none}.plain.small{border-radius:12px;height:44px;padding:0 18px;font-size:15px}.set-row .plain.small{height:40px;box-shadow:inset 0 0 0 1.5px var(--border)}#touch{z-index:2;pointer-events:none;font-family:var(--font);position:absolute;inset:0}#touch[hidden]{display:none}.tc{--c:var(--red)}.tc.blue{--c:var(--blue)}.tc{transition:opacity .25s,filter .25s}.tc.wait{opacity:.3;filter:grayscale()}.tc-pad{position:absolute}.tc-arrow{width:var(--c);height:var(--c);color:var(--c);background:#fff;border-radius:12px;place-items:center;transition:transform 60ms;display:grid;position:absolute;box-shadow:0 1px 2px #0000001a,0 3px 10px #0000001f}.tc-arrow svg{width:62%;height:62%}.tc-arrow.up{left:calc(var(--c) + var(--g));top:0}.tc-arrow.down{left:calc(var(--c) + var(--g));bottom:0}.tc-arrow.down svg{rotate:180deg}.tc-arrow.left{left:0;top:calc(var(--c) + var(--g))}.tc-arrow.left svg{rotate:-90deg}.tc-arrow.right{right:0;top:calc(var(--c) + var(--g))}.tc-arrow.right svg{rotate:90deg}.tc-arrow.on{background:var(--c);color:#fff;transform:scale(.94)}.tc-btn{color:#fff;background:var(--c);border-radius:50%;place-items:center;font-weight:800;transition:transform 60ms;display:grid;position:absolute;box-shadow:0 2px 10px #0003}.tc-btn.act{color:var(--c);border:3px solid var(--c);background:#fff}.tc-btn.down{transform:scale(.9)}.tc.flip .tc-btn,.tc.flip .tc-pad{rotate:180deg}@media (pointer:coarse){.home-top .hints{display:none}}.online-lobby{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:18px;padding:26px 40px}.o-top{align-items:center;gap:18px;display:flex}.round.big{width:64px;height:64px}.round.big svg{width:28px;height:28px}.o-games{scrollbar-width:none;flex:1;gap:10px;min-width:0;margin:-4px;padding:4px;display:flex;overflow-x:auto}.o-games::-webkit-scrollbar{display:none}.o-games.more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.o-games.more-left{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.o-games.more-left.more-right{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.o-game span{width:min-content}.o-game{background:var(--card);height:76px;box-shadow:var(--shadow-1);font:800 21px/1.1 var(--font);text-align:left;color:var(--ink);cursor:pointer;border:4px solid #0000;border-radius:22px;flex:none;align-items:center;gap:10px;padding:0 10px 0 6px;display:flex}.o-game img{object-fit:cover;border-radius:10px;flex:none;width:76px;height:43px}.o-game.on{border-color:var(--sel)}.o-game:disabled{cursor:default;opacity:1}.o-game[hidden],.how.o-how .how-q{display:none}.how.o-how .how-btn{border-radius:18px;height:64px;padding:0 18px 0 22px;font-size:22px}.modal.how-pop.o-pop{padding:100px 40px 0 0}.o-body{flex:1;gap:26px;min-height:0;display:flex}.o-slots{flex:1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.o-slot{--c:var(--red);background:var(--card);box-shadow:var(--shadow-2);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.o-slot.blue{--c:var(--blue)}.o-av{background:color-mix(in srgb, var(--c) 10%, #fff);border-radius:40px;place-items:center;width:150px;height:150px;display:grid;position:relative}.o-av img{object-fit:contain;width:120px;height:120px}.o-letter{color:var(--dash);font-size:72px;font-weight:800;display:none}.o-slot[data-state=out] .o-av{border:4px dashed var(--dash);background:0 0}.o-slot[data-state=out] .o-av img{display:none}.o-slot[data-state=out] .o-letter{display:block}.o-name{font-size:30px;font-weight:800}.o-state{color:var(--muted);font-size:24px;font-weight:700}.o-slot[data-state=ready] .o-state{color:var(--green)}.o-slot[data-state=ready] .o-state:before{content:"✓ "}.o-invite{background:var(--card);width:420px;box-shadow:var(--shadow-2);border-radius:28px;flex-direction:column;gap:16px;padding:22px;display:flex}.o-invite[hidden]{display:none}.o-code{flex-direction:column;align-items:center;gap:2px;display:flex}.o-code small{color:var(--muted);font-size:20px;font-weight:700}.o-code b{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:800}.o-buttons{flex-direction:column;gap:12px;display:flex}.cta.big-cta,.plain.big-plain{border-radius:20px;gap:12px;height:72px;font-size:26px}.o-qr-row{align-items:center;gap:14px;display:flex}.o-qr{border:2px solid var(--line);background:#fff;border-radius:14px;flex:none;width:104px;height:104px;padding:6px}.o-qr svg{width:100%;height:100%;display:block}.o-qr-cap{color:var(--muted);font-size:20px;font-weight:600;line-height:1.3}.o-message{background:var(--card);max-width:760px;box-shadow:var(--shadow-3);text-align:center;border-radius:24px;padding:26px 34px;font-size:28px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.o-message[hidden]{display:none}.o-foot{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.o-foot .len-o+.o-status{margin-right:auto}.o-foot .len-q{font-size:20px}.o-foot .len .seg button{height:52px;padding:0 18px;font-size:19px}.o-status{color:var(--muted);font-size:26px;font-weight:700}.o-ready{min-width:280px}.o-ready[hidden],.o-new[hidden]{display:none}.online-pay .plans{margin:8px 0 4px}#net-note{left:50%;top:calc(84px * var(--ui));z-index:6;background:var(--ink);color:#fff;font:700 calc(18px * var(--ui)) var(--font);pointer-events:none;border-radius:99px;padding:10px 18px;position:absolute;transform:translate(-50%)}#net-note[hidden]{display:none}html.tall .home-top{flex-wrap:wrap;row-gap:16px;height:auto;padding:26px 32px 18px}html.tall .top-right{flex-wrap:wrap;flex:1 0 100%;gap:12px}html.tall .top-right .tagline{display:none}html.tall .top-right .record{margin-right:auto}html.tall .top-right .code-btn,html.tall .top-right .install-btn{flex:1;justify-content:center;height:56px;font-size:18px}html.tall .top-right .install-btn+.code-btn{flex:1}html.tall .room-bar{flex-wrap:wrap;margin:0 24px 18px;padding:16px}html.tall .room-copy{flex:1 0 70%}html.tall .room-bar .top-btn{flex:1;height:56px;font-size:18px}html.tall .feature{flex-direction:column;flex:none;min-height:0;margin:0 24px}html.tall .feature-art{flex:none;order:-1;height:470px}html.tall .feature-copy{gap:16px;width:auto;padding:26px 30px 30px}html.tall .flow .g-logo{width:320px;height:150px}html.tall .g-about{font-size:22px}html.tall .play-row{gap:20px}html.tall .feature .cta{border-radius:20px;flex:1;height:72px;font-size:24px}html.tall .play-note,html.tall .home-top .hints{display:none}html.tall .tiles-h{margin:30px 30px 0;font-size:26px;font-weight:800;display:block}html.tall .tiles{grid-template-columns:repeat(2,1fr);gap:22px;padding:16px 24px 40px}html.tall .tile{border-radius:18px}html.tall #app.framed #gl,html.tall #app.framed #labels{clip-path:inset(0 round calc(22px * var(--ui)) calc(22px * var(--ui)) 0 0)}html.tall .sheet{max-width:calc(100% - 40px)}html.tall .join-top{flex-wrap:wrap;row-gap:14px;height:auto;padding:24px 28px 16px}html.tall .join-top .how,html.tall .join-top .len-top{flex:1 0 100%;justify-content:space-between;display:flex}html.tall .len-foot{display:none}html.tall .join-foot .len-foot+.tip{margin-right:0}html.tall .len-q{font-size:20px}html.tall .len .seg button{height:48px;padding:0 18px;font-size:19px}html.tall .how-q{font-size:20px}html.tall .how-btn{height:60px;font-size:21px}html.tall .slots{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:20px;margin:4px 28px 0}html.tall .slot{gap:12px;padding:18px 18px 24px}html.tall .join[data-how=touch] .slot.blue{order:-1;rotate:180deg}html.tall .join-foot{flex-direction:column-reverse;justify-content:center;gap:12px;height:auto;padding:18px 28px 24px}html.tall .join-foot .status{text-align:center;align-self:stretch;font-size:22px}html.tall .modal.how-pop{justify-content:center;padding:190px 0 0}html.tall .how-list{grid-template-columns:repeat(2,260px)}html.tall .how-opt{font-size:20px}html.tall .how-note{font-size:16px}html.tall .online-lobby{padding:24px 24px 26px}html.tall .o-top{flex-wrap:wrap;row-gap:14px}html.tall .o-top .o-games{flex:1}html.tall .how.o-how{flex:1 0 100%;margin-left:0}html.tall .how.o-how .how-btn{justify-content:space-between;width:100%}html.tall .modal.how-pop.o-pop{padding:200px 0 0}html.tall .o-body{flex-direction:column-reverse}html.tall .o-invite{width:auto}html.tall .o-code{flex-direction:row;justify-content:center;align-items:baseline;gap:16px}html.tall .o-buttons{flex-direction:row}html.tall .o-buttons>*{flex:1}html.tall .o-qr-row{justify-content:center}html.tall .o-message{max-width:620px}html.tall .o-foot{text-align:center;flex-direction:column-reverse;align-items:stretch;gap:12px}html.tall .o-foot .len-o{order:1;justify-content:space-between}html.tall .o-foot .o-status{margin-right:0}html.tall .o-ready,html.tall .o-new{min-width:0}html.tall .screen.flow.results{flex-direction:column;justify-content:center;gap:36px;padding:24px 32px}html.tall .share{width:520px}html.tall .again-col{text-align:center;flex:none;align-self:stretch;align-items:center;gap:22px}html.tall .results h1{font-size:52px}html.tall .again-row{justify-content:center}html.tall .again-row .cta.big{flex:1;height:76px;font-size:24px}html.tall .again-row .or{display:none}