@font-face{font-family:Nunito;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/nunito-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/nunito-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");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;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");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{--font:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:clamp(12px, 11.05px + .254vmin, 13px);--fs-sm:clamp(14px, 13.05px + .254vmin, 15px);--fs-md:clamp(15.5px, 14.07px + .382vmin, 17px);--fs-lg:clamp(17.5px, 15.11px + .636vmin, 20px);--fs-xl:clamp(20px, 16.18px + 1.018vmin, 24px);--fs-2xl:clamp(24px, 18.27px + 1.527vmin, 30px);--fs-3xl:clamp(29px, 20.41px + 2.29vmin, 38px);--r-btn:20px;--r-card:24px;--r-tile:28px;--r-sheet:32px;--r-pill:999px;--bw:3px;--lift:5px;--lift-big:6px;--nav-w:108px;--nav-h:88px;--act:#1fa457;--act-hi:#2fc26a;--act-deep:#16813f;--act-soft:#ddf5e6;--act-soft-2:#bdebd0;--on-act:#fff;--star:#ffc531;--star-deep:#d99400;--star-soft:#fff1c6;--hold:#8a5a00;--hold-line:#f5a623;--hold-soft:#fff3d6;--danger:#ef4a4f;--danger-deep:#c62f34;--danger-soft:#ffe1e2;--place-path:#3ea7f2;--place-path-soft:#dcf0ff;--place-make:#ff7a59;--place-make-soft:#ffe4dc;--place-game:#4f8ff7;--place-game-soft:#dfe9ff;--place-arena:#9b7bf5;--place-arena-soft:#ebe4ff;--place-league:#f5b400;--place-league-soft:#fff1c6;--place-home:#e8639b;--place-home-soft:#ffe0ec;--tile-sense-bg:#dbeafe;--tile-sense-line:#60a5fa;--tile-motor-bg:#ffedd5;--tile-motor-line:#fb923c;--tile-always-bg:#ede9fe;--tile-always-line:#a78bfa;--sky-1:#cfeaff;--sky-2:#eef7ff;--bg:#eef5fc;--bg-soft:#e2edf7;--panel:#fff;--panel-2:#f3f8fd;--line:#d6e2ee;--line-strong:#b9cadb;--text:#0f2540;--muted:#5b6f8a;--shadow:0 2px 0 #0f25400d, 0 10px 26px #0f25401a;--shadow-lift:0 4px 0 #0f25400f, 0 18px 44px #0f25402e;--stage:#fff;--scrim:#0816289e;--accent:var(--act);--accent-soft:var(--act-soft);--on-accent:var(--on-act);--green-100:var(--act-soft);--green-200:var(--act-soft-2);--green-400:var(--act-hi);--green-500:var(--act);--green-600:var(--act);--green-700:var(--act-deep);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--act:#25b862;--act-hi:#3fd67c;--act-deep:#178a48;--act-soft:#143b26;--act-soft-2:#1b5233;--on-act:#06210f;--star:#ffcd3f;--star-soft:#5a5340;--hold:#ffd27a;--hold-soft:#5a4e3e;--danger-soft:#4d2f4b;--place-path-soft:#244673;--place-make-soft:#4a3a58;--place-game-soft:#274273;--place-arena-soft:#353e73;--place-league-soft:#43475a;--place-home-soft:#4a2e44;--tile-sense-bg:#172a4a;--tile-sense-line:#3b82f6;--tile-motor-bg:#42260f;--tile-motor-line:#f97316;--tile-always-bg:#2c2350;--tile-always-line:#8b5cf6;--sky-1:#0b1a33;--sky-2:#101f3a;--bg:#0d1a30;--bg-soft:#122242;--panel:#17284a;--panel-2:#1e3157;--line:#2c4570;--line-strong:#3b5787;--text:#eaf2ff;--muted:#9db2d2;--shadow:0 2px 0 #0000004d, 0 10px 26px #00000073;--shadow-lift:0 4px 0 #00000059, 0 18px 44px #0000008c;--scrim:#020814bd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--act:#25b862;--act-hi:#3fd67c;--act-deep:#178a48;--act-soft:#143b26;--act-soft-2:#1b5233;--on-act:#06210f;--star:#ffcd3f;--star-soft:#5a5340;--hold:#ffd27a;--hold-soft:#5a4e3e;--danger-soft:#4d2f4b;--place-path-soft:#244673;--place-make-soft:#4a3a58;--place-game-soft:#274273;--place-arena-soft:#353e73;--place-league-soft:#43475a;--place-home-soft:#4a2e44;--tile-sense-bg:#172a4a;--tile-sense-line:#3b82f6;--tile-motor-bg:#42260f;--tile-motor-line:#f97316;--tile-always-bg:#2c2350;--tile-always-line:#8b5cf6;--sky-1:#0b1a33;--sky-2:#101f3a;--bg:#0d1a30;--bg-soft:#122242;--panel:#17284a;--panel-2:#1e3157;--line:#2c4570;--line-strong:#3b5787;--text:#eaf2ff;--muted:#9db2d2;--shadow:0 2px 0 #0000004d, 0 10px 26px #00000073;--shadow-lift:0 4px 0 #00000059, 0 18px 44px #0000008c;--scrim:#020814bd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;touch-action:manipulation;flex-direction:column;margin:0;font-weight:700;line-height:1.4;display:flex;overflow:hidden}body.sky{background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 42%, var(--bg) 100%) fixed}body{-webkit-user-select:none;user-select:none}input,textarea,.cm-editor,.selectable{-webkit-user-select:text;user-select:text}[hidden]{display:none!important}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:900;line-height:1.15}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}b,strong{font-weight:800}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img{max-width:100%}svg{display:block}img.avatar{object-fit:contain;display:block}:where(button,a,[tabindex]):focus-visible{outline:4px solid var(--place-path);outline-offset:3px}.topbar{padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left));background:var(--panel);border-bottom:var(--bw) solid var(--line);flex-shrink:0;align-items:center;gap:10px;min-height:76px;display:flex}body.sky .topbar{background:0 0;border-bottom-color:#0000}.topbar .spacer{flex:1}.topbar .icon-btn{--btn-line:transparent}.topbar .icon-btn:not(.primary):not(.on):not(.hub-btn){background:color-mix(in srgb, var(--panel) 72%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#0000}.topbar .icon-btn:not(.primary):not(.on):not(.hub-btn):hover{background:var(--panel)}.topbar .icon-btn#help,.topbar .icon-btn.help{border-color:var(--line-strong)!important;box-shadow:0 4px 0 var(--line-strong)!important;background:var(--panel)!important}.brand{color:inherit;align-items:center;gap:12px;min-height:56px;text-decoration:none;display:inline-flex}.brand>span:first-child{flex-shrink:0;width:48px;height:48px;display:block}.brand>span:first-child svg{width:100%;height:100%;display:block}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text b{letter-spacing:-.02em;font-size:19px;font-weight:900}.brand-text i{font-style:normal;font-size:var(--fs-xs);color:var(--muted);font-weight:800}@media (width<=620px){.brand-text,.topbar #theme-slot,.topbar .brand{display:none}.topbar{padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right));gap:8px}}.place{font-size:var(--fs-lg);letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;font-weight:900;display:inline-flex}.place i{background:var(--place,var(--act));border-radius:50%;flex-shrink:0;width:14px;height:14px}.place span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn{--btn-bg:var(--panel);--btn-line:var(--line-strong);--btn-fg:var(--text);border-radius:var(--r-btn);border:var(--bw) solid var(--btn-line);background:var(--btn-bg);min-height:56px;color:var(--btn-fg);letter-spacing:-.01em;box-shadow:0 var(--lift) 0 var(--btn-line);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .15s,background .15s;display:inline-flex;transform:translateY(0)}.btn svg{flex-shrink:0;width:26px;height:26px}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 var(--btn-line)}.btn:disabled{opacity:.45;box-shadow:0 var(--lift) 0 var(--btn-line)}.btn.primary{--btn-bg:var(--act);--btn-line:var(--act-deep);--btn-fg:var(--on-act)}.btn.primary:hover:not(:disabled){--btn-bg:var(--act-hi)}.btn.danger{--btn-bg:var(--danger);--btn-line:var(--danger-deep);--btn-fg:#fff}.btn.soft{--btn-bg:var(--act-soft);--btn-line:var(--act-soft-2);--btn-fg:var(--act-deep)}.btn.ghost{--btn-bg:transparent;--btn-line:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){--btn-bg:var(--panel-2)}.btn.huge{border-radius:var(--r-card);min-height:76px;box-shadow:0 var(--lift-big) 0 var(--btn-line);gap:12px;padding:0 32px;font-size:22px;font-weight:900}.btn.huge svg{width:32px;height:32px}.btn.huge:active:not(:disabled){transform:translateY(var(--lift-big))}.icon-btn{--btn-bg:var(--panel);--btn-line:var(--line-strong);--btn-fg:var(--text);border:var(--bw) solid var(--btn-line);background:var(--btn-bg);width:56px;height:56px;color:var(--btn-fg);box-shadow:0 4px 0 var(--btn-line);border-radius:50%;flex-shrink:0;place-items:center;padding:0;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .15s,border-color .15s;display:inline-grid}.icon-btn svg{width:26px;height:26px}.icon-btn:hover:not(:disabled){filter:brightness(1.04)}.icon-btn:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.icon-btn:disabled{opacity:.45}.icon-btn.primary{--btn-bg:var(--act);--btn-line:var(--act-deep);--btn-fg:var(--on-act)}.icon-btn.danger{--btn-bg:var(--danger);--btn-line:var(--danger-deep);--btn-fg:#fff}.icon-btn.on{--btn-bg:var(--act-soft);--btn-line:var(--act);--btn-fg:var(--act-deep)}.icon-btn.big{width:76px;height:76px;box-shadow:0 var(--lift-big) 0 var(--btn-line)}.icon-btn.big svg{width:36px;height:36px}.icon-btn.big:active:not(:disabled){transform:translateY(var(--lift-big))}.card{background:var(--panel);border:var(--bw) solid var(--line);border-radius:var(--r-card);box-shadow:0 5px 0 var(--line)}.card.flat{box-shadow:none}.card.lift{box-shadow:0 5px 0 var(--line), var(--shadow)}.bar{border-radius:var(--r-pill);background:var(--line);height:18px;display:block;position:relative;overflow:hidden}.bar>i{border-radius:inherit;background:var(--act);width:0;height:100%;transition:width .4s cubic-bezier(.23,1,.32,1);display:block;box-shadow:inset 0 4px #ffffff47}.bar.gold>i{background:var(--star)}.bar.thin{height:10px}.bar.thin>i{box-shadow:inset 0 2px #ffffff4d}.pill{border-radius:var(--r-pill);background:var(--panel-2);border:2px solid var(--line);color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.pill svg{width:16px;height:16px}.pill.act{background:var(--act-soft);border-color:var(--act);color:var(--act-deep)}.pill.gold{background:var(--star-soft);border-color:var(--star);color:var(--hold)}.pill.hold{background:var(--hold-soft);border-color:var(--hold-line);color:var(--hold)}.pill.bad{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-deep)}.pill.sky{background:var(--place-path-soft);border-color:var(--place-path);color:var(--text)}.pill.good{background:var(--act-soft);border-color:var(--act);color:var(--act-deep)}.stars{gap:3px;display:inline-flex}.stars svg{width:22px;height:22px;color:var(--line-strong)}.stars svg.on{color:var(--star);filter:drop-shadow(0 2px 0 var(--star-deep))}.stars-count{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:900;display:inline-flex}.stars-count svg{width:24px;height:24px;color:var(--star)}.nav{z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:var(--panel);box-shadow:0 -1px 0 var(--line), 0 -8px 28px #08162814;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}body.has-nav{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.nav-item{--place:var(--place-path);--place-soft:var(--place-path-soft);border-radius:var(--r-btn);min-width:0;max-width:132px;min-height:64px;color:var(--muted);-webkit-touch-callout:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:800;line-height:1.1;text-decoration:none;display:flex;position:relative}.nav-item[data-place=make]{--place:var(--place-make);--place-soft:var(--place-make-soft)}.nav-item[data-place=game]{--place:var(--place-game);--place-soft:var(--place-game-soft)}.nav-item[data-place=arena]{--place:var(--place-arena);--place-soft:var(--place-arena-soft)}.nav-item[data-place=homework]{--place:var(--place-home);--place-soft:var(--place-home-soft)}.no-printer .nav-item[data-place=make]{display:none}.nav-ico{background:var(--place-soft);width:64px;height:48px;color:var(--place);border-radius:22px;place-items:center;font-style:normal;transition:box-shadow .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.nav-ico img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:40px;height:40px}.nav-ico svg{width:30px;height:30px}.nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;overflow:hidden}@media (hover:hover){.nav-item:not(.on):hover .nav-ico{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--place) 45%, transparent)}}.nav-item:active .nav-ico{transition-duration:80ms;transform:scale(.9)}.nav-item.on{color:var(--text);font-weight:900}.nav-item.on .nav-ico{background:var(--panel);box-shadow:inset 0 0 0 4px var(--place), 0 4px 0 var(--place);animation:.55s cubic-bezier(.34,1.56,.64,1) nav-pop;transform:translateY(-2px)}.nav-item.on:active .nav-ico{box-shadow:inset 0 0 0 4px var(--place), 0 1px 0 var(--place);transform:translateY(1px)}@keyframes nav-pop{0%{transform:translateY(2px)scale(.72)}55%{transform:translateY(-4px)scale(1.07)}to{transform:translateY(-2px)scale(1)}}.nav-badge{border-radius:var(--r-pill);background:var(--place-home);color:#fff;border:3px solid var(--panel);text-align:center;font-variant-numeric:tabular-nums;min-width:24px;height:24px;padding:0 5px;font-size:12px;font-weight:900;line-height:18px;position:absolute;top:-7px;right:-4px}.nav-item.locked .nav-ico{filter:grayscale();opacity:.55}.nav-item.locked .nav-label{color:var(--muted)}.nav-lock{border-radius:var(--r-pill);background:var(--panel-2);width:26px;height:26px;color:var(--muted);border:3px solid var(--panel);place-items:center;display:grid;position:absolute;top:-7px;right:-4px}.nav-lock svg{width:14px;height:14px}.nav-item.locked.shake .nav-ico{animation:.4s nav-shake}@keyframes nav-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.nav-item .nav-new{border-radius:var(--r-pill);background:var(--place-arena);color:#fff;border:3px solid var(--panel);padding:1px 7px;font-size:11px;font-weight:900;position:absolute;top:-8px;right:-10px}@media (width>=600px) and (width<=899px){:root{--nav-h:96px}.nav-item{gap:6px;font-size:15px}.nav-ico{width:72px;height:52px}.nav-ico img{width:44px;height:44px}.nav-ico svg{width:32px;height:32px}}@media (width<=440px){.nav{padding-left:calc(4px + env(safe-area-inset-left));padding-right:calc(4px + env(safe-area-inset-right));gap:0}.nav-ico{width:58px}.nav-ico img{width:36px;height:36px}.nav-label{letter-spacing:-.01em;font-size:12px}}@media (width>=900px){.nav{top:calc(12px + env(safe-area-inset-top));bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));width:var(--nav-w);height:auto;box-shadow:inset 0 0 0 1.5px var(--line), 0 8px 36px #08162829;border-radius:32px;flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 0;right:auto}body.has-nav{padding-bottom:0;padding-left:calc(var(--nav-w) + 24px + env(safe-area-inset-left))}.nav-item{flex:none;gap:6px;width:100%;max-width:none;min-height:0;font-size:13px}.nav-ico{width:76px;height:66px}.nav-ico img{width:54px;height:54px}.nav-ico svg{width:32px;height:32px}.nav-brand{place-items:center;width:100%;height:58px;margin-bottom:8px;text-decoration:none;display:grid}.nav-brand svg{width:48px;height:48px}body.has-nav:not(.focus) .topbar .brand>span:first-child{display:none}body.has-nav:not(.focus) .topbar .brand:not(:has(.brand-text)){display:none}}@media (width<=899px){.nav-brand{display:none}}@media (prefers-reduced-motion:reduce){.nav-ico{transition:none}.nav-item.on .nav-ico{animation:none}}body.focus .nav{display:none}body.focus.has-nav{padding-bottom:0;padding-left:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shake{animation:.34s ease-in-out shake}@keyframes shake{20%{transform:translate(-7px)rotate(-2deg)}40%{transform:translate(7px)rotate(2deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pop-in{animation:.26s cubic-bezier(.23,1,.32,1) backwards pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar .icon-btn:empty,.topbar .hero-chip:empty,.topbar #theme-slot:empty,main .btn:empty{visibility:hidden}@media (orientation:portrait) and (width<=600px){.icon-btn{width:48px;height:48px;box-shadow:0 3px 0 var(--btn-line)}.icon-btn svg{width:22px;height:22px}.icon-btn:active:not(:disabled){transform:translateY(3px)}.icon-btn.big{width:60px;height:60px}.icon-btn.big svg{width:28px;height:28px}.btn{min-height:48px}.btn.huge{gap:10px;min-height:58px;padding:0 22px;font-size:20px}.btn.huge svg{width:26px;height:26px}.topbar{padding-top:calc(6px + env(safe-area-inset-top));gap:6px;padding-bottom:6px}}.tutorial-language{max-width:150px;min-height:48px;font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:8px 12px}
