@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2b3a22;--ink-soft:#5d6b53;--sky:#cdefff;--mint:#dff6d2;--paper:#fff;--tile:#7ed957;--gap:#5fc94a;--water:#6fd3ff;--frog-red:#ff5a4e;--frog-yellow:#ffc93c;--frog-green:#5cd65c;--frog-blue:#4c9dff;--frog-red-outline:#8e2a22;--frog-yellow-outline:#9a6e0c;--frog-green-outline:#2a7a2a;--frog-blue-outline:#1f4f9c;--shadow:0 6px 18px #2b3a2224;--radius:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:linear-gradient(180deg, var(--sky) 0%, var(--mint) 55%, #cdeeb9 100%);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-family:Nunito Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;overflow:hidden}.app{flex-direction:column;display:flex;position:fixed;inset:0}.btn{appearance:none;font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:0;border-radius:999px;min-height:54px;padding:14px 22px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #d5ddcf}.btn:active{transform:translateY(4px);box-shadow:0 1px #d5ddcf}.btn--primary{background:var(--frog-green);color:#fff;text-shadow:0 1px #0000002e;box-shadow:0 5px 0 var(--frog-green-outline)}.btn--primary:active{box-shadow:0 1px 0 var(--frog-green-outline)}.btn--blue{background:var(--frog-blue);color:#fff;text-shadow:0 1px #0000002e;box-shadow:0 5px 0 var(--frog-blue-outline)}.btn--blue:active{box-shadow:0 1px 0 var(--frog-blue-outline)}.btn--ghost{background:#ffffff8c;box-shadow:0 4px #2b3a221a}.btn--ghost:active{box-shadow:0 1px #2b3a221a}.btn--small{min-height:42px;padding:8px 14px;font-size:15px;box-shadow:0 3px #d5ddcf}.btn--small.btn--primary{box-shadow:0 3px 0 var(--frog-green-outline)}.btn--small.btn--blue{box-shadow:0 3px 0 var(--frog-blue-outline)}.btn:disabled{opacity:1;color:#2b3a226b;text-shadow:none;cursor:default;background:#e4ebdf;box-shadow:0 3px #d2dbcb}.btn--block{width:100%}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1}.muted{color:var(--ink-soft)}.small{font-size:14px}.screen{padding:calc(16px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));flex-direction:column;flex:1;gap:16px;width:100%;max-width:520px;margin:0 auto;display:flex;overflow:auto}.screen__title{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:900}.screen__header{align-items:center;gap:12px;display:flex}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.stage__scene{z-index:0;pointer-events:none;height:62%;position:absolute;inset:0 0 auto}.stage__scene .scene{width:100%;height:100%;display:block}.stage__top{z-index:2;padding:calc(var(--safe-top) + 14px) 16px 0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.stage__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#3f8f45;font-size:11px;font-weight:900}.stage__lead{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:0 20px 8px;display:flex;position:relative}.stage__panel{z-index:2;background:var(--paper);min-height:0;padding:15px 18px calc(20px + var(--safe-bottom));border-radius:30px 30px 0 0;flex-direction:column;flex:0 auto;gap:11px;display:flex;position:relative;overflow:auto;box-shadow:0 -16px 34px #2b3a2224}.roundbtn{width:42px;height:42px;color:var(--ink-soft);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #2b3a221a}.roundbtn:active{transform:translateY(2px);box-shadow:0 1px #2b3a221a}.menu__title{text-align:center;margin-top:10px}.menu__kicker{letter-spacing:.24em;text-transform:uppercase;color:#3f8f45;font-size:10.5px;font-weight:900}.menu__word{letter-spacing:-.045em;color:#23502a;margin:4px 0 0;font-size:46px;font-weight:900;line-height:.95}.menu__hero{width:118px;height:118px;margin:2px auto 0;position:relative}.menu__hero .frog-svg{filter:drop-shadow(0 8px 10px #2b3a222e);width:100%;height:100%;animation:2.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.room__status{align-items:center;gap:8px;display:flex}.room__seats{flex-direction:column;gap:8px;display:flex}.room__seat{background:#f4f8f0;border-radius:18px;align-items:center;gap:11px;padding:8px 11px;display:flex}.room__seat--mine{box-shadow:0 0 0 2.5px var(--frog-green), 0 3px 0 #2b3a220f;background:#fff}.room__seat--empty{background:0 0;border:2.5px dashed #2b3a2229}.room__frog{flex:none;display:flex}.room__frog .frog-svg{width:38px;height:38px}.room__frog--ghost{opacity:.28;filter:grayscale(.4)}.room__who{flex:1;min-width:0}.room__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.room__name--empty{color:#2b3a2273;font-size:13.5px}.room__tags{color:var(--ink-soft);margin-top:1px;font-size:11.5px;font-weight:800}.room__footer{flex-direction:column;gap:8px;margin-top:2px;display:flex}.room__code{letter-spacing:.18em;text-indent:.18em;color:#23502a;font-size:clamp(46px,15vw,66px);font-weight:900;line-height:1}.room__share{width:min(320px,100%);margin:14px auto 0}.chips--tight{flex:none;gap:4px}.chip--add{border-radius:11px;padding:6px 9px;font-size:11px}.roundbtn--ghost{visibility:hidden}@media (min-width:880px){.stage{grid-template-columns:1fr minmax(420px,500px);align-items:center;gap:40px;padding:0 max(40px,5vw);display:grid}.stage__scene{height:100%;inset:0}.stage__top{top:calc(var(--safe-top) + 18px);z-index:3;padding:0;position:absolute;left:18px;right:18px}.stage__lead{flex:none;grid-column:1;padding:0}.stage__panel{border-radius:32px;grid-column:2;gap:14px;max-height:min(82vh,720px);padding:26px;box-shadow:0 8px #2b3a2214,0 26px 60px #2b3a2247}.menu__word{font-size:78px}.menu__kicker{font-size:13px}.menu__hero{width:190px;height:190px;margin-top:10px}.room__code{letter-spacing:.16em;text-indent:.16em;font-size:84px}.room__seat{padding:10px 13px}.room__frog .frog-svg{width:44px;height:44px}.room__name{font-size:16px}.tray__mode{gap:6px;padding:12px 6px;font-size:13px}.seat__frog .frog-svg{width:46px;height:46px}.seat__cap{font-size:12.5px}.card{padding:16px 17px}.play{min-height:74px}.play__label{font-size:24px}.play__puck{width:52px;height:52px}}.card{background:var(--paper);border-radius:22px;padding:12px 13px;box-shadow:0 4px #2b3a2214,0 10px 24px #2b3a221f}.card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:900}.card--row{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;border:0;align-items:center;gap:10px;padding:9px 11px;display:flex}.resume__mark{width:34px;height:34px;color:var(--ink-soft);background:#f2f7ee;border-radius:12px;flex:none;place-items:center;display:grid}.resume__text{flex-direction:column;flex:1;min-width:0;display:flex}.resume__line{margin-top:1px;font-size:13.5px;font-weight:900}.resume__chev{color:var(--ink-soft);place-items:center;display:grid}.tray{background:#eef4e8;border-radius:20px;gap:3px;padding:5px;display:flex;box-shadow:inset 0 3px 8px #2b3a2221}.tray__mode{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 4px;font-size:11.5px;font-weight:900;line-height:1.15;display:flex}.tray__mode--on{background:var(--paper);color:var(--ink);box-shadow:0 3px #d8e0d2}.seats{gap:8px;display:flex}.seat{text-align:center;background:#f4f8f0;border-radius:15px;flex:1;padding:8px 4px}.seat__frog{justify-content:center;display:flex}.seat__frog .frog-svg{width:36px;height:36px}.seat__cap{margin-top:3px;font-size:11px;font-weight:900}.stepper{align-items:center;gap:8px;display:flex}.stepper__value{text-align:center;min-width:16px;font-size:17px;font-weight:900}.iconbtn{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:#eef4e8;border:0;border-radius:11px;place-items:center;padding:0;display:grid}.iconbtn:disabled{opacity:.35;cursor:default}.seat--tap{font:inherit;color:inherit;cursor:pointer;border:0;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #dfe7d9}.seat--tap:active{transform:translateY(2px);box-shadow:0 1px #dfe7d9}.hint{color:var(--ink-soft);text-align:center;margin:9px 0 0;font-size:11.5px;font-weight:700;line-height:1.45}.rule{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:14px 0 12px;font-size:11px;font-weight:900;display:flex}.rule:before,.rule:after{content:"";background:#2b3a221a;border-radius:1px;flex:1;height:2px}.field{flex-direction:column;gap:6px;display:flex}.input{width:100%;font:inherit;color:var(--ink);background:#f1f6ec;border:2px solid #0000;border-radius:16px;outline:none;padding:13px 15px;font-size:16px;font-weight:800;transition:border-color .15s,background-color .15s;box-shadow:inset 0 3px 7px #2b3a221a}.input::placeholder{color:#2b3a2259;font-weight:700}.input:focus{border-color:var(--frog-green);background:#fff}.input--code{text-align:center;letter-spacing:9px;text-indent:9px;text-transform:uppercase;padding:10px 8px;font-size:23px;font-weight:900}.joinrow{align-items:stretch;gap:8px;display:flex}.joinrow .input--code{flex:1;min-width:0}.joinrow .btn{flex:none;align-self:stretch}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;color:var(--ink-soft);cursor:pointer;background:#eef4e8;border:0;border-radius:13px;padding:8px 13px;font-size:12.5px;font-weight:900}.chip--on{background:var(--frog-green);color:#fff;box-shadow:0 3px 0 var(--frog-green-outline)}.setting{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:11px 0;display:flex;position:relative}.setting+.setting{border-top:2px solid #2b3a2212}.setting--off{cursor:default}.setting--off .setting__title,.setting--off .setting__icon{opacity:.45}.setting--stack{flex-wrap:wrap}.setting__icon{width:34px;height:34px;color:var(--ink-soft);background:#f1f6ec;border-radius:12px;flex:none;place-items:center;display:grid}.setting__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.setting__title{font-size:15px;font-weight:900}.setting__sub{color:var(--ink-soft);font-size:11.5px;font-weight:700;line-height:1.35}.setting--stack .chips{flex:none}.switch__input{opacity:0;width:0;height:0;position:absolute}.switch{background:#dbe4d5;border-radius:999px;flex:none;width:52px;height:31px;transition:background-color .18s;position:relative;box-shadow:inset 0 2px 5px #2b3a222e}.switch:after{content:"";background:#fff;border-radius:50%;width:25px;height:25px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #2b3a2247}.switch__input:checked+.switch{background:var(--frog-green)}.switch__input:checked+.switch:after{transform:translate(21px)}.switch__input:focus-visible+.switch{outline:3px solid var(--frog-blue);outline-offset:2px}.switch__input:disabled+.switch{opacity:.4}.over__frogs{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.over__frog{width:clamp(96px,26vw,132px);height:clamp(96px,26vw,132px)}.over__frog .frog-svg{filter:drop-shadow(0 8px 10px #2b3a222e);width:100%;height:100%;animation:2.8s ease-in-out infinite bob}.over__frog:nth-child(2) .frog-svg{animation-delay:-1.1s}.over__headline{letter-spacing:-.03em;color:#23502a;margin:4px 0 0;font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1.05}.score{flex-direction:column;gap:6px;margin-top:8px;display:flex}.score__row{background:#f4f8f0;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.score__row--win{box-shadow:0 0 0 2.5px var(--chip-color,var(--frog-green)), 0 3px 0 #2b3a220f;background:#fff}.score__place{width:26px;color:var(--ink-soft);flex:none;place-items:center;font-size:14px;font-weight:900;display:grid}.score__row--win .score__place{color:var(--chip-color,var(--frog-green))}.score__frog{flex:none;display:flex}.score__frog .frog-svg{width:36px;height:36px}.score__who{flex:1;min-width:0}.score__name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:900;overflow:hidden}.score__parts{gap:12px;margin-top:3px;display:flex}.score__part{flex-direction:column;gap:1px;display:flex}.score__label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:.85;font-size:9px;font-weight:900}.score__value{font-size:12.5px;font-weight:900}.score__total{text-align:right;flex:none;min-width:42px;font-size:24px;font-weight:900}.btn--row{justify-content:center;align-items:center;gap:9px;display:flex}.hint--wide{max-width:34ch;margin-left:auto;margin-right:auto}.card__title{margin-bottom:9px;font-size:15px;font-weight:900}.play{cursor:pointer;width:100%;min-height:66px;font:inherit;color:#fff;background:var(--frog-green);box-shadow:0 5px 0 var(--frog-green-outline);border:0;border-radius:999px;justify-content:space-between;align-items:center;padding:0 10px 0 26px;transition:transform 80ms,box-shadow 80ms;display:flex}.play:active{box-shadow:0 1px 0 var(--frog-green-outline);transform:translateY(4px)}.play__label{letter-spacing:.01em;font-size:21px;font-weight:900}.play__puck{background:#ffffff38;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.game{--turn-color:var(--frog-green);--chips:top;--dock:bottom;flex:1;min-height:0;position:relative}@media (orientation:landscape) and (max-height:560px){.game{--chips:left;--dock:right}}.game__board{position:absolute;inset:0;overflow:hidden}.game__board canvas{display:block;position:absolute;inset:0}.game__chips{z-index:2;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute}.pchip{background:var(--paper);min-width:0;box-shadow:var(--shadow);border:2px solid #2b3a2214;border-radius:18px;flex:0 160px;align-items:center;gap:9px;padding:7px 12px 7px 7px;transition:background-color .25s,border-color .25s,color .25s;display:flex}.pchip--current{border-color:var(--chip-color,var(--frog-green));box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--chip-color,var(--frog-green)) 22%, transparent);border-width:3px;padding:6px 11px 6px 6px}@media (orientation:landscape) and (max-height:560px){.game__chips{flex-direction:column;width:140px;bottom:auto;right:auto}.pchip{flex:none;gap:7px;padding:5px 9px 5px 5px}.pchip .frog-svg{width:30px;height:30px}}.pchip .frog-svg{flex:none;width:36px;height:36px}.pchip__text{flex-direction:column;flex:1;min-width:0;line-height:1.12;display:flex}.pchip__row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pchip__name{white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-size:13px;font-weight:900;overflow:hidden}.pchip__score{font-size:22px;font-weight:900}.pchip__home{color:var(--ink-soft);letter-spacing:.3px;flex:none;font-size:11px;font-weight:800}.game__board:after{content:"";z-index:1;pointer-events:none;--band:34px;background:linear-gradient(to bottom, var(--turn-color), transparent) top / 100% var(--band) no-repeat, linear-gradient(to top, var(--turn-color), transparent) bottom / 100% var(--band) no-repeat, linear-gradient(to right, var(--turn-color), transparent) left / var(--band) 100% no-repeat, linear-gradient(to left, var(--turn-color), transparent) right / var(--band) 100% no-repeat;opacity:0;transition:opacity .35s;position:absolute;inset:0}.game--mine .game__board:after{opacity:.7}@media (max-width:560px),(orientation:landscape) and (max-height:560px){.game__board:after{--band:16px}.game--mine .game__board:after{opacity:.6}}.game__dock{z-index:3;left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid;position:absolute}.game__status{grid-column:1;justify-self:start}.game__hud{grid-column:2;justify-self:center}.game__tools{grid-column:3;justify-self:end}@media (orientation:landscape) and (max-height:560px){.game__dock{grid-template-columns:auto;justify-items:end;left:auto}.game__status,.game__hud,.game__tools{grid-column:1;justify-self:end}.game__status{text-align:right;max-width:126px}}.game__turn{background:var(--paper);color:var(--ink-soft);box-shadow:var(--shadow);opacity:.85;border:2px solid #2b3a2214;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:900}.game__status{background:var(--paper);max-width:100%;color:var(--ink-soft);box-shadow:var(--shadow);pointer-events:none;border:2px solid #2b3a2214;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:900}.game__status--warn{color:#fff;background:#b4601a;border-color:#b4601a}.game__tools{pointer-events:auto;gap:8px;display:flex}.game__tool{background:var(--paper);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow);opacity:.75;border:2px solid #2b3a221a;border-radius:50%;font-size:17px;font-weight:900;line-height:1;transition:opacity .2s,transform .1s}.game__tool:hover{opacity:1}.game__tool:active{transform:scale(.94)}.panel{z-index:10;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:#dff6d2f7;position:absolute;inset:0;overflow:auto}.panel__inner{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.curtain{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;z-index:5;background:#dff6d2f0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.curtain .frog-svg{width:140px;height:140px;animation:1.6s ease-in-out infinite bob}.curtain__name{font-size:32px;font-weight:900}.modal{z-index:50;background:#2b3a2273;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__card{background:var(--paper);border-radius:var(--radius);width:min(400px,100%);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:22px;display:flex}.modal__text{margin:0;font-size:19px;font-weight:800}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.toast{left:50%;bottom:calc(24px + var(--safe-bottom));opacity:0;background:var(--ink);color:#fff;z-index:60;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:800;transition:opacity .25s,transform .25s;display:flex;position:fixed;transform:translate(-50%,20px)}.toast--in{opacity:1;transform:translate(-50%)}.tut{flex-direction:column;gap:10px;display:flex}.tut__card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:16px;display:flex}.tut__card h3{margin:0;font-size:19px}.tut__card p{color:#3f4d36;margin:0;font-weight:600;line-height:1.45}.tut__step{color:var(--ink-soft);font-size:12px;font-weight:800}.tut__figure{justify-content:center;width:100%;display:flex}.tut__art{filter:drop-shadow(0 10px 18px #2b3a222e);width:100%;max-width:520px;height:auto;max-height:46vh;display:block}.tut__card .tut__art{max-height:none;margin-bottom:4px}.tut__title{letter-spacing:-.02em;margin:2px 0 0;font-size:23px;font-weight:900}.tut__body{color:#3f4d36;margin:0;font-size:15px;font-weight:600;line-height:1.5}.tut__dots{justify-content:center;gap:6px;display:flex}.tut__dot{background:#2b3a2229;border-radius:50%;width:8px;height:8px;transition:background-color .2s,width .2s}.tut__dot--on{background:var(--frog-green);border-radius:999px;width:22px}.tut__nav{align-items:stretch;gap:10px;margin-top:2px;display:flex}.tut__nav .btn{flex:none;padding:8px 16px}.tut__nav .play{flex:1}.lobby__status{align-items:center;gap:8px;display:flex}.lobby__code{text-align:center;letter-spacing:10px;text-indent:10px;color:var(--frog-green-outline);margin-bottom:4px;font-size:46px;font-weight:900}.chip--status{min-height:36px;padding:6px 14px;font-size:15px}.chip--connecting{background:#eaf4ff;border-color:#cfe3f7}.chip--reconnecting{background:#fff6e0;border-color:#f0d79a}.chip--offline{border-color:var(--frog-red-outline);background:#ffe6e3}.seat--lobby{grid-template-columns:44px minmax(0,1fr) auto auto}.seat__name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.dot{background:#c9d4c2;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 2px #2b3a221f}.dot--on{background:var(--frog-green)}