@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-ext-400-normal-VNDy5CZS.woff2)format("woff2"),url(/assets/andika-cyrillic-ext-400-normal-BJwze9_g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-cyrillic-400-normal-DYbdP60f.woff2)format("woff2"),url(/assets/andika-cyrillic-400-normal-CIdpN1kB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-vietnamese-400-normal-afg23LQ3.woff2)format("woff2"),url(/assets/andika-vietnamese-400-normal-Bw99zChb.woff)format("woff");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:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-ext-400-normal-D580Nkki.woff2)format("woff2"),url(/assets/andika-latin-ext-400-normal-NXfvB_tZ.woff)format("woff");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:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff");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}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-ext-700-normal-DvCsrHON.woff2)format("woff2"),url(/assets/andika-cyrillic-ext-700-normal-BdIUMeTx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-cyrillic-700-normal-D404ywHU.woff2)format("woff2"),url(/assets/andika-cyrillic-700-normal-Bzg0mZT8.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-vietnamese-700-normal-CS3rZngu.woff2)format("woff2"),url(/assets/andika-vietnamese-700-normal-CZOGxJjV.woff)format("woff");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:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-ext-700-normal-Ch3SGZaH.woff2)format("woff2"),url(/assets/andika-latin-ext-700-normal-DBt0PRsd.woff)format("woff");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:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff");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{--smalt:#1e4fa0;--smalt-deep:#163d80;--smalt-red:#c8302c;--smalt-red-deep:#9e2320;--enamel:#f7f6f1;--enamel-shade:#dedbd0;--rim:#0f2552;--ember:#ffae2b;--ember-hot:#ff6a13;--spruce:#2c6e49;--snow:#eaf3fb;--ink:#12203f;--radius-plate:22px;--rim-width:4px;--tap:64px;--tap-main:96px;--font:"Andika", "Trebuchet MS", system-ui, sans-serif;--step--1:.875rem;--step-0:1.125rem;--step-1:1.5rem;--step-2:2rem;--step-3:2.75rem;--step-4:3.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);font-size:var(--step-0);color:var(--enamel);background:var(--rim);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;line-height:1.35}button{font:inherit;color:inherit;touch-action:manipulation}input{font:inherit;-webkit-user-select:text;user-select:text}:focus-visible{outline:4px solid var(--ember);outline-offset:3px}.plate{background:var(--smalt);border-radius:var(--radius-plate);box-shadow:inset 0 0 0 var(--rim-width) var(--rim), inset 0 0 0 calc(var(--rim-width) + 5px) var(--smalt), inset 0 0 0 calc(var(--rim-width) + 8px) var(--enamel), 0 6px 0 var(--rim);padding:22px 24px;position:relative}.plate--red{background:var(--smalt-red);box-shadow:inset 0 0 0 var(--rim-width) var(--smalt-red-deep), inset 0 0 0 calc(var(--rim-width) + 5px) var(--smalt-red), inset 0 0 0 calc(var(--rim-width) + 8px) var(--enamel), 0 6px 0 var(--smalt-red-deep)}.plate--white{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--enamel);color:var(--ink);box-shadow:inset 0 0 0 var(--rim-width) var(--rim), 0 6px 0 var(--rim)}.btn{min-width:var(--tap);min-height:var(--tap);background:var(--enamel);color:var(--ink);box-shadow:inset 0 0 0 var(--rim-width) var(--rim), 0 6px 0 var(--rim);cursor:pointer;border:none;border-radius:999px;place-items:center;padding:10px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-grid;position:relative}.btn:active,.btn.is-pressed{box-shadow:inset 0 0 0 var(--rim-width) var(--rim), 0 1px 0 var(--rim);transform:translateY(5px)}.btn:disabled{opacity:.45;cursor:default}.btn--main{min-width:var(--tap-main);min-height:var(--tap-main)}.btn--blue{background:var(--smalt);color:var(--enamel)}.btn--red{background:var(--smalt-red);color:var(--enamel);box-shadow:inset 0 0 0 var(--rim-width) var(--smalt-red-deep), 0 6px 0 var(--smalt-red-deep)}.btn--green{background:var(--spruce);color:var(--enamel);box-shadow:inset 0 0 0 var(--rim-width) #1d4a31, 0 6px 0 #1d4a31}.btn--square{border-radius:20px}.btn svg{width:62%;height:62%}.screen{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(120% 80% at 50% 110%, #2a4f9a 0%, transparent 60%), linear-gradient(180deg, #0b1c40 0%, var(--rim) 55%, #183a7a 100%);place-items:center;display:grid;position:fixed;inset:0}.parent-text{font-size:var(--step--1);color:color-mix(in srgb, var(--enamel) 72%, transparent);max-width:60ch}.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.home{padding-top:max(7vh, env(safe-area-inset-top));grid-auto-rows:auto;align-content:start;gap:clamp(18px,5vh,48px)}.home__sign{align-items:center;gap:18px;padding:18px 36px 18px 22px;display:flex}.home__ohnicek{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms ease-out;display:grid;position:relative}.home__ohnicek:active{transform:scale(.93)}.home__ohnicek:focus-visible{outline:3px solid var(--ember);outline-offset:4px}.home__ohnicek-speaker{background:var(--enamel);width:34px;height:34px;box-shadow:0 0 0 3px var(--rim);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-8px}.home__title{font-size:clamp(2.2rem, 6.4vw, var(--step-4));letter-spacing:.03em;color:var(--enamel);margin:0;font-weight:700;line-height:1;display:grid}.home__byline{letter-spacing:.08em;color:color-mix(in srgb, var(--enamel) 78%, transparent);justify-self:end;margin-top:.15em;font-size:.4em;line-height:1.3}.home__actions{gap:clamp(24px,6vw,72px);display:flex}.home__btn{border-radius:34px;grid-template-rows:auto auto;gap:8px;width:clamp(176px,24vw,236px);padding:16px 12px 18px}.btn.home__btn>svg{width:clamp(88px,12vw,120px);height:clamp(88px,12vw,120px)}.home__btn-text{text-align:center;gap:3px;line-height:1.1;display:grid}.home__btn-text strong{font-size:var(--step-1);letter-spacing:.02em}.home__btn-text span{font-size:var(--step--1);color:color-mix(in srgb, var(--enamel) 88%, transparent);font-weight:700}.home__parents{top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:color-mix(in srgb, var(--enamel) 70%, transparent);font-size:var(--step--1);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:10px;text-decoration:underline;position:absolute!important}.home__credit{bottom:max(10px, env(safe-area-inset-bottom));white-space:nowrap;font-size:var(--step--1);color:color-mix(in srgb, var(--rim) 75%, transparent);pointer-events:none;margin:0;left:50%;transform:translate(-50%);position:absolute!important}.record{align-items:center;gap:10px;padding:10px 22px;display:inline-flex}.record__days{font-size:var(--step-2);text-align:center;min-width:1.2em;font-weight:700}.gate,.conn{z-index:50;background:color-mix(in srgb, var(--rim) 78%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.parents{max-width:62ch;max-height:88vh;padding:28px 32px;overflow:auto}.parents h2{margin-top:0}.parents__credit{font-size:var(--step--1);opacity:.75;font-weight:400}.parents__close{border-radius:16px;padding:10px 24px;position:sticky;bottom:0}.conn__panel{text-align:center;justify-items:center;gap:14px;padding:30px 40px;display:grid}.connecting{justify-items:center;gap:16px;display:grid}.lobby__dots{gap:12px;display:flex}.lobby__dots span{background:var(--ember);border-radius:50%;width:16px;height:16px;animation:1.2s ease-in-out infinite dot}.lobby__dots span:nth-child(2){animation-delay:.2s}.lobby__dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.setup{gap:18px;width:min(560px,94vw);max-height:94vh;display:grid;overflow:auto}.setup__title{font-size:var(--step-2);margin:0}.setup__group{border:none;gap:10px;margin:0;padding:0;display:grid}.setup__group legend{margin-bottom:8px;font-weight:700}.setup__option{box-shadow:inset 0 0 0 3px var(--enamel-shade);cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:12px 16px;display:grid}.setup__option span{font-size:var(--step--1);color:#44506a;grid-column:2}.setup__option input{width:26px;height:26px;accent-color:var(--smalt)}.setup__option.is-on{box-shadow:inset 0 0 0 3px var(--smalt);background:#e8eefb}.setup__actions{justify-content:space-between;gap:16px;display:flex}.setup__create{font-size:var(--step-1);border-radius:20px;gap:10px;padding:10px 28px 10px 18px;font-weight:700;display:inline-flex}.setup__create svg{width:36px;height:36px}.setup__error{color:var(--smalt-red);margin:0}.code-tiles{gap:min(10px,2vh);display:flex}.code-tile svg{width:72%;height:72%}.code-tile{width:var(--tile);height:var(--tile);background:var(--enamel);box-shadow:inset 0 0 0 4px var(--rim), 0 5px 0 var(--rim);border-radius:18px;place-items:center;display:grid;position:relative}.code-tile--empty{background:color-mix(in srgb, var(--enamel) 30%, transparent);box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--enamel) 60%, transparent)}.code-tile__digit{color:#5d6884;font-size:.8rem;font-weight:700;position:absolute;bottom:3px;right:7px}.code-tiles--named{padding-bottom:1.8em}.code-tile__name{font-size:var(--step--1);white-space:nowrap;color:var(--ink);font-weight:700;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%}.code-tiles--calling .code-tile{animation:4.2s ease-in-out infinite tile-call;animation-delay:calc(var(--i) * .45s + .6s)}@keyframes tile-call{0%,16%,to{transform:none}8%{box-shadow:inset 0 0 0 4px var(--rim), 0 0 0 5px var(--ember), 0 16px 12px -6px color-mix(in srgb, var(--rim) 45%, transparent);transform:translateY(-10px)}}.keypad{grid-template-columns:repeat(3, var(--key));gap:min(14px,2.4vh);display:grid}.keypad__key{width:var(--key);height:var(--key)}.lobby{grid-template-columns:auto minmax(220px,360px);place-content:center;gap:clamp(16px,4vw,48px)}.lobby__join{grid-template-columns:auto auto;grid-template-areas:"tell tell""qr code";place-items:center;gap:20px 28px;padding:22px 26px 26px;display:grid}.lobby__tell{background:var(--ember);width:0;min-width:100%;color:var(--ink);box-shadow:inset 0 0 0 3px var(--rim);border-radius:16px;grid-area:tell;align-items:center;gap:14px;padding:12px 12px 12px 14px;display:flex}.lobby__tell>svg{flex:none}.lobby__tell-text{flex:1;gap:2px;min-width:0;display:grid}.lobby__tell-big,.lobby__tell-say{margin:0;line-height:1.15}.lobby__tell-big{font-size:var(--step-1);text-wrap:balance;font-weight:700}.lobby__tell-say{font-size:var(--step-0);font-weight:700}.lobby__listen{flex:none}.lobby__qr{aspect-ratio:1;grid-area:qr;width:clamp(200px,30vw,320px)}.lobby__qr svg{width:100%;height:100%;display:block}.lobby__code{grid-area:code;justify-items:center;gap:10px;display:grid}.lobby__digits{font-size:var(--step-2);letter-spacing:.18em;margin:0;font-weight:700}.lobby__hint{text-align:center;color:#4a5571;max-width:24ch;margin:0}.lobby__side{justify-items:center;gap:22px;display:grid}.lobby__players{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lobby__player{justify-items:center;gap:4px;display:grid}.lobby__name,.lobby__myname{color:var(--c,var(--enamel));text-shadow:0 2px 0 var(--rim);font-weight:700}.lobby__myname{font-size:var(--step-2);margin:0}.lobby__waiting{color:color-mix(in srgb, var(--enamel) 75%, transparent);margin:0}.lobby__start{width:150px;height:150px}.lobby--wait{grid-template-columns:auto minmax(220px,420px)}.lobby__me{justify-items:center;gap:12px;display:grid}@media (max-width:900px) and (orientation:portrait){.lobby,.lobby--wait{grid-template-columns:1fr}.lobby--host{touch-action:pan-y;align-content:safe center;overflow-y:auto}.lobby__tell{width:auto}}@media (max-width:600px) and (orientation:portrait){.lobby__join{grid-template-columns:auto;grid-template-areas:"tell""qr""code";padding:16px}.lobby__tell>svg{display:none}.lobby__tell-big{font-size:var(--step-0)}.lobby__tell-say{font-size:var(--step--1)}.lobby__join .code-tile{width:min(var(--tile), 18vw);height:min(var(--tile), 18vw)}.home__actions{gap:16px}.home__btn{border-radius:26px;width:calc(50vw - 32px);padding:12px 8px 14px}.btn.home__btn>svg{width:80px;height:80px}.home__btn-text strong{font-size:1.2rem}.home__btn-text span{font-size:.8rem}}.join{grid-template-columns:auto auto;justify-content:center;gap:clamp(20px,5vw,64px)}.join__panel{justify-items:center;gap:22px;display:grid}.join__side{justify-items:center;gap:18px;display:grid}.full{text-align:center;justify-items:center;gap:16px;display:grid}.scanner{z-index:40;background:#000;place-items:center;display:grid;position:fixed;inset:0}.scanner__video{object-fit:cover;width:100%;height:100%}.scanner__frame{aspect-ratio:1;width:min(62vw,62vh);box-shadow:0 0 0 6px var(--ember), 0 0 0 9999px #00000073;pointer-events:none;border-radius:28px;position:absolute}.scanner__close{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));position:absolute}.scanner__denied{text-align:center;max-width:40ch}.name{justify-items:center;gap:18px;width:min(520px,94vw);padding:28px 30px;display:grid}.name__input{width:100%;color:var(--ink);font-size:var(--step-3);text-align:center;box-shadow:inset 0 0 0 4px var(--rim);background:#fff;border:none;border-radius:18px;padding:14px 18px;font-weight:700}.name__input:focus{box-shadow:inset 0 0 0 4px var(--rim), 0 0 0 5px var(--ember);outline:none}.name__question{font-size:var(--step--1);color:#4a5571;margin:0}.name__big{font-size:var(--step-4);margin:0;font-weight:700;line-height:1}.name__actions{gap:26px;display:flex}.name__problem{color:var(--smalt-red);margin:0}.characters{grid-template-columns:repeat(5,minmax(0,132px));justify-content:center;gap:clamp(10px,2vw,22px);display:grid}.character{aspect-ratio:1;background:var(--enamel);box-shadow:inset 0 0 0 5px var(--c), 0 6px 0 var(--rim);cursor:pointer;border:none;border-radius:26px;place-items:center;padding:8px;transition:transform 80ms ease-out;display:grid;position:relative}.character:active{transform:translateY(5px)}.character.is-preferred{box-shadow:inset 0 0 0 5px var(--c), 0 0 0 5px var(--ember), 0 6px 0 var(--rim)}.character.is-taken{box-shadow:inset 0 0 0 5px #8b909b, 0 6px 0 var(--rim);cursor:default;background:#c9ccd3}.character__owner{background:var(--rim);max-width:92%;color:var(--enamel);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:0 8px;font-size:.85rem;font-weight:700;position:absolute;bottom:6px;overflow:hidden}@media (max-width:760px) and (orientation:portrait){.characters{touch-action:pan-x;grid-template-columns:repeat(10,110px);justify-content:start;width:100vw;padding:16px;overflow-x:auto}}.roles{flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,28px);display:flex}.role{width:clamp(120px,17vw,160px);height:clamp(120px,17vw,160px)}.role.is-preferred{box-shadow:inset 0 0 0 var(--rim-width) var(--rim), 0 0 0 5px var(--ember), 0 6px 0 var(--rim)}.cottage-scene{pointer-events:none;height:min(42vh,360px);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cottage-scene svg{aspect-ratio:10/3;width:auto;max-width:none;height:100%;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}@media (max-height:520px){.cottage-scene{height:36vh}.home__credit{bottom:4px;left:max(16px, env(safe-area-inset-left));transform:none}.home__btn{border-radius:26px;gap:4px;width:152px;padding:10px 8px 12px}.btn.home__btn>svg{width:66px;height:66px}.home__btn-text strong{font-size:1.15rem}.home__btn-text span{font-size:.78rem}.home{padding-top:max(3vh, env(safe-area-inset-top));gap:14px}.home__sign{padding:8px 22px 13px 12px}.home__ohnicek>svg{width:56px;height:56px}.home__ohnicek-speaker{width:26px;height:26px}.home__ohnicek-speaker svg{width:20px;height:20px}.home__title{font-size:2.2rem}}.install__panel{z-index:1;gap:18px;width:min(560px,100%);max-height:calc(100dvh - 32px);padding:24px 28px 26px;display:grid;position:relative;overflow:auto}.install__head{align-items:center;gap:18px;display:flex}.install__icon{width:84px;height:84px;box-shadow:0 4px 0 var(--rim);border-radius:22%;flex:none}.install__title{font-size:var(--step-2);margin:0;line-height:1.1}.install__why{margin:6px 0 0}.install__steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.install__steps li{font-size:var(--step-1);counter-increment:step;align-items:center;gap:14px;font-weight:700;line-height:1.2;display:flex}.install__steps li:before{content:counter(step);background:var(--smalt);width:36px;height:36px;color:var(--enamel);font-size:var(--step-0);border-radius:50%;flex:none;place-items:center;display:grid}.install__glyph{width:48px;height:48px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rim) 22%, transparent);color:#3c4043;background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.install__steps--ios .install__glyph{color:#007aff}.install__prompt{justify-items:start;gap:10px;display:grid}.install__prompt p,.install__done{margin:0}.install__button{font-size:var(--step-1);border-radius:20px;gap:10px;padding:12px 30px 12px 20px;font-weight:700;display:inline-flex}.install__button svg{width:36px;height:36px}.install__done{font-size:var(--step-1);align-items:center;gap:12px;font-weight:700;display:flex}.install__note{font-size:var(--step--1);color:color-mix(in srgb, var(--ink) 72%, transparent);margin:0}@media (max-height:520px){.install__panel{gap:12px;padding:16px 22px}.install__icon{width:60px;height:60px}.install__title{font-size:var(--step-1)}.install__steps{gap:8px}.install__steps li{font-size:var(--step-0)}.install__glyph{width:40px;height:40px}}@media (max-height:520px) and (orientation:landscape){.install__panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:28px;width:min(880px,100%)}.install__head{flex-direction:column;grid-row:span 2;align-items:flex-start;gap:10px}.install__icon{width:52px;height:52px}.install__why{font-size:var(--step--1)}}.home>:not(.cottage-scene,.gate){z-index:1;position:relative}.cottage-scene__smoke circle{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite smoke}.cottage-scene__smoke circle:nth-child(2){animation-delay:1.2s}.cottage-scene__smoke circle:nth-child(3){animation-delay:2.4s}@keyframes smoke{0%{opacity:0;transform:translateY(14px)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translate(18px,-26px)scale(1.25)}}@media (max-height:520px) and (orientation:landscape){.setup{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:10px 18px;width:min(880px,96vw);padding:14px 18px}.setup__title{font-size:var(--step-1);grid-column:1/-1}.setup__group{grid-area:2/1/span 4;gap:6px}.setup__toggle,.setup__error,.setup__actions{grid-column:2}.setup__option{padding:8px 12px}.characters{grid-template-columns:repeat(5,min(110px,26vh));gap:10px}.lobby{grid-template-columns:auto minmax(150px,260px);gap:16px}.lobby--host{grid-template-columns:minmax(0,1fr) minmax(120px,170px)}.lobby__join{gap:10px 16px;padding:10px 14px 14px}.lobby__tell{border-radius:12px;gap:10px;width:auto;padding:6px 8px 6px 10px}.lobby__tell>svg{width:36px;height:36px}.lobby__listen{width:52px;min-width:52px;height:52px;min-height:52px}.lobby__tell-big{font-size:1.05rem}.lobby__tell-say{font-size:.85rem}.code-tile__name{font-size:.75rem;top:calc(100% + 8px)}.lobby__qr{width:clamp(110px,30vh,200px)}.lobby__digits{font-size:var(--step-1)}.lobby__hint{font-size:var(--step--1)}.lobby__side{gap:12px}.lobby__player>svg{width:52px;height:52px}.lobby__me>svg{width:96px;height:96px}.lobby__start{width:min(150px,28vh);height:min(150px,28vh)}.name{gap:10px;padding:16px 22px}.name__input{font-size:var(--step-2);padding:8px 14px}.name__big{font-size:var(--step-3)}}