@font-face{font-family:latoblack;src:url(../assets/fonts/Lato-Black.woff2)format("woff2");font-display:swap}@font-face{font-family:etnocyfraregular;src:url(../assets/fonts/etnocyfra-regular-webfont.woff2)format("woff2");font-display:swap}@font-face{font-family:Lato;src:url(../assets/fonts/lato-latin-400-normal.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Lato;src:url(../assets/fonts/lato-latin-ext-400-normal.woff2)format("woff2");font-display:swap;unicode-range:U+100-2AF,U+1E??}:root{--mint:#6fd0a4;--coral:#ff6d6d;--yellow:#ffe23e;--panel:#0e0e1ef5;--top-h:52px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#1f1f24 url(../assets/page.webp) 50%/cover no-repeat fixed;height:100%;margin:0;font-family:Lato,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}#app{padding:var(--sat) var(--sar) var(--sab) var(--sal);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template:"stage"1fr/1fr;display:grid;position:fixed;inset:0}#stage{touch-action:none;grid-area:stage;min-width:0;min-height:0;position:relative}#game{position:absolute;inset:0}#game canvas{touch-action:none;display:block}#topbar{z-index:5;top:var(--sat);left:var(--sal);right:var(--sar);height:var(--top-h);pointer-events:none;align-items:center;gap:8px;padding:0 10px;display:flex;position:absolute}#topbar>*{pointer-events:auto}.spacer{flex:1;pointer-events:none!important}.icon-btn{background:50%/contain no-repeat content-box border-box;border-radius:10px;place-items:center;width:44px;height:44px;padding:7px;display:grid}.icon-btn:hover{background-color:#ffffff1f}.icon-btn svg{width:100%;height:100%;display:block}#btn-home{background-image:url(../assets/ui/home.png)}#btn-menu{background-image:url(../assets/ui/Menu_open.png);padding:10px}#btn-menu[aria-expanded=true]{background-image:url(../assets/ui/Menu_close.png)}#btn-sound .cross{display:none}#btn-sound[aria-pressed=false] .cross{display:inline}#btn-sound[aria-pressed=false] .waves{display:none}.chip{background:var(--mint);color:#06281c;border-radius:17px;height:34px;padding:0 14px;font-family:latoblack,sans-serif;font-size:14px}#menu-bar{z-index:6;top:calc(var(--sat) + var(--top-h) + 4px);right:calc(var(--sar) + 12px);background:var(--panel);border-radius:14px;flex-direction:column;align-items:flex-end;gap:16px;padding:16px 18px;display:flex;position:absolute}#menu-bar[hidden]{display:none}#menu-bar img{width:auto;height:34px;display:block}#menu-bar .text-item{min-height:30px;font-family:latoblack,sans-serif;font-size:18px}#menu-bar button:hover{color:var(--yellow)}@media (aspect-ratio<=11/10){#app{grid-template-rows:var(--top-h) minmax(0, 1fr);grid-template-areas:"top""stage"}#topbar{grid-area:top;position:static}}.pad{display:none}html.touch #app{--pad-h:minmax(132px, 1fr);grid-template-columns:3fr 2fr;grid-template-rows:var(--top-h) minmax(0, calc(100vw * 1.25)) var(--pad-h);grid-template-areas:"top top""stage stage""left right"}html.touch #topbar{grid-area:top;padding:0 6px;position:static}html.touch .pad{gap:10px;min-width:0;min-height:0;padding:10px;transition:opacity .2s;display:flex}html.touch #pad-left{grid-area:left}html.touch #pad-right{grid-area:right}html.touch:not(.playing) .pad{opacity:0;pointer-events:none}html.touch:not(.playing) #stage{grid-row:2/4}.pad button{min-width:0;height:50%;min-height:96px;color:var(--mint);touch-action:none;background:#0a0b2e8c;border:3px solid #6fd0a4a6;border-radius:22px;flex:1;align-self:flex-end;place-items:center;display:grid}.pad button svg{width:min(56px,60%);height:min(56px,60%)}.pad button.down{background:var(--mint);color:#06281c;transform:scale(.97)}.pad button.jump{color:var(--coral);border-color:#ff6d6db3}.pad button.jump.down{background:var(--coral);color:#2b0606}@media (orientation:landscape){html.touch #app{grid-template:"left stage right"minmax(0,1fr)/minmax(150px,1fr) minmax(0,auto) minmax(110px,1fr)}html.touch #stage{width:calc((100dvh - var(--sat) - var(--sab)) * .8);max-width:60vw}html.touch:not(.playing) #stage{grid-row:auto}html.touch #topbar{position:absolute}html.touch #pad-left{padding-top:calc(var(--top-h) + 8px);flex-direction:row}html.touch #pad-right{padding-top:calc(var(--top-h) + 8px)}.pad button{height:38%}}dialog{width:min(860px,100vw);max-width:100vw;max-height:min(92dvh,100vh);padding:18px clamp(16px, 4vw, 40px) calc(24px + var(--sab));background:var(--panel);color:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;border:0;border-radius:16px;margin:auto;line-height:1.6;overflow-y:auto}dialog::backdrop{background:#000000a6}dialog.small{text-align:center;width:min(460px,92vw)}dialog h2{color:var(--mint);margin:0;font-family:latoblack,sans-serif;font-size:28px}dialog h3{color:var(--yellow);margin:22px 0 8px;font-family:latoblack,sans-serif;font-size:18px}dialog p{margin:0 0 12px}dialog a{color:var(--mint)}.muted{color:#bcbccc;font-size:15px}.wym{color:#e9e9f4;font-family:latoblack,sans-serif}.dlg-head{background:var(--panel);z-index:1;justify-content:space-between;align-items:center;gap:12px;margin:-18px -8px 6px;padding:14px 8px 10px;display:flex;position:sticky;top:-18px}.close{border-radius:10px;width:44px;height:44px;font-size:32px;line-height:1}.close:hover{background:#ffffff1f}.big{background:var(--mint);color:#06281c;border-radius:12px;width:100%;margin:18px 0 8px;padding:14px;font-family:latoblack,sans-serif;font-size:19px;display:block}.link{color:#dfdfea;padding:12px;text-decoration:underline}.tabs{gap:8px;margin:4px 0 14px;display:flex}.tabs button{background:#ffffff14;border-radius:10px;flex:1;min-height:44px;font-family:latoblack,sans-serif}.tabs button[aria-selected=true]{background:var(--mint);color:#06281c}#ranking-list{counter-reset:place;margin:8px 0 14px;padding:0;list-style:none}#ranking-list li{counter-increment:place;text-transform:uppercase;border-bottom:1px solid #ffffff1a;align-items:baseline;gap:16px;padding:8px 4px;font-size:19px;display:flex}#ranking-list li:before{content:counter(place);width:34px;font-family:etnocyfraregular,sans-serif;font-size:34px}#ranking-list .name{overflow-wrap:anywhere;flex:1}#ranking-list .score{color:#ff9d9d;font-family:etnocyfraregular,sans-serif;font-size:30px}#ranking-list li.me .name{color:var(--yellow)}.title-art{width:100%;max-width:340px;height:auto;margin:8px auto;display:block}.big-score{color:var(--yellow);margin:0 0 12px;font-family:etnocyfraregular,sans-serif;font-size:58px;line-height:1.1}#name-input{color:#fff;width:100%;font:inherit;text-align:center;background:#ffffff12;border:2px solid #6fd0a480;border-radius:10px;margin-top:4px;padding:12px 14px;font-size:16px}#rajster-search{color:#fff;width:100%;font:inherit;background:#ffffff12;border:2px solid #6fd0a480;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:16px}.voices{flex-wrap:wrap;gap:8px;display:flex}.voice-chip{background:#ffffff17;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 8px;font-size:15px;display:flex}.voice-chip:hover{background:#ffffff2e}.voice-chip .art{background:url(../assets/fruit.png) no-repeat;flex:none;width:30px;height:36px}.chip-text{text-align:left;color:#bcbccc;flex-direction:column;font-size:13px;line-height:1.25;display:flex}.chip-text strong{color:#fff;font-family:latoblack,sans-serif;font-size:14px;font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.word-card{text-align:center;content-visibility:auto;contain-intrinsic-size:128px 220px;background:#ffffff12;border:2px solid #0000;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.word-card.learned{border-color:var(--mint)}.word-card .pic{aspect-ratio:1;background-color:#fff;background-image:url(../assets/words.webp);background-repeat:no-repeat}.word-card .w{overflow-wrap:anywhere;padding:8px 6px 0;font-family:latoblack,sans-serif;font-size:14px;line-height:1.25}.word-card .p{color:#bcbccc;padding:2px 6px 8px;font-size:13px;line-height:1.25}.word-card button.say{color:var(--mint);min-height:28px;padding:0 6px 8px;font-size:13px;text-decoration:underline}#logos{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:18px;display:flex}#logos img{width:auto;max-width:130px;height:auto;max-height:64px;display:block}@media (width<=640px){dialog:not(.small){width:100vw;height:100dvh;max-height:100dvh;padding-top:calc(18px + var(--sat));border-radius:0}.dlg-head{top:calc(-18px - var(--sat));margin-top:calc(-18px - var(--sat));padding-top:calc(14px + var(--sat))}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (prefers-reduced-motion:reduce){html.touch .pad,.pad button{transition:none}}