#school{max-inline-size:40rem;margin-inline:auto}#school h1{margin-block-end:.4rem}#school label,.sc-lbl{margin-block:.9rem .3rem;font-weight:700;display:block}#school input[type=text],#school select,#school textarea{min-block-size:48px;inline-size:100%;font:inherit;border:2px solid var(--border);background:var(--cell);color:var(--fg);border-radius:12px;padding:.5rem .8rem}.sc-big{justify-content:center;align-items:center;min-block-size:58px;inline-size:100%;margin-block:.8rem;font-size:1.2rem;display:flex}.sc-link{border:2px solid var(--accent);border-radius:999px;padding-inline:1.1rem;text-decoration:none}a.primary.sc-link{background:var(--accent);color:var(--bg);font-weight:700}.sc-chip{border:2px solid var(--border);background:var(--card);min-block-size:44px;color:var(--fg);border-radius:999px;align-items:center;margin-block:.3rem;margin-inline-end:.4rem;padding-inline:1rem;text-decoration:none;display:inline-flex}.sc-back{min-block-size:44px;margin-block:1.2rem;line-height:44px;display:inline-block}.sc-muted{color:var(--muted)}.sc-err,.sc-msg.no{color:var(--no)}.sc-msg.ok{color:var(--ok);font-weight:700}.sc-msg{min-block-size:1.6em}.sc-actions{flex-wrap:wrap;gap:.4rem;margin-block:.6rem;display:flex}.sc-say{margin-block:.6rem}.sc-av{background:color-mix(in srgb, var(--accent) 12%, var(--card));border-radius:50%;flex:none;block-size:56px;inline-size:56px;display:inline-block;overflow:hidden}.sc-av.big{block-size:110px;inline-size:110px}.sc-av.small{vertical-align:middle;block-size:32px;inline-size:32px}.sc-av svg{block-size:100%;inline-size:100%;display:block}.sc-who{text-align:start;align-items:center;gap:.7rem;display:flex}.sc-who>span:last-child{flex-direction:column;display:flex}.sc-who small{color:var(--muted)}.sc-cardrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block:.6rem;display:flex}.sc-avatars{flex-wrap:wrap;gap:.6rem;display:flex}.sc-avatar{border:3px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, var(--card));border-radius:50%;block-size:76px;inline-size:76px;padding:0;overflow:hidden}.sc-avatar[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.sc-avatar svg{block-size:100%;inline-size:100%;display:block}.sc-list{gap:.6rem;padding:0;list-style:none;display:grid}.sc-pick{text-align:start;border:2px solid var(--border);background:var(--card);inline-size:100%;color:var(--fg);border-radius:16px;padding:.6rem .9rem}.sc-building{background:#f6e7c8;border:3px solid #5b4a3f;border-radius:20px;margin-block:1.2rem;overflow:hidden}.sc-roofwrap{background:linear-gradient(#bfe3f7,#e7f4fb);display:block}.sc-roofwrap svg{max-block-size:150px;inline-size:100%;display:block}.sc-rooms{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;padding:.8rem;display:grid}.sc-room{color:#1f2328;text-align:center;background:#fffdf8;border:3px solid #5b4a3f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-block-size:88px;padding:.6rem;font-weight:700;text-decoration:none;display:flex}.sc-room .ico{font-size:2rem}.sc-room:hover,.sc-room:focus-visible{background:#fff3d6}.sc-door{text-align:center;padding:.5rem .8rem .9rem}.sc-door a{color:#fff;background:#8a5a35;border-radius:24px 24px 0 0;align-items:center;min-block-size:48px;padding-inline:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}@media (prefers-color-scheme:dark){.sc-building{background:#3a3228;border-color:#8c7a68}.sc-roofwrap{background:linear-gradient(#27405a,#1f3147)}}.sc-idcard{border:3px solid var(--accent);background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 6px 18px #0000001a}.sc-idhead{background:var(--accent);color:var(--bg);padding:.6rem 1rem;font-size:1.2rem;font-weight:700}.sc-idbody{flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.sc-idbody dl{flex:1;grid-template-columns:auto 1fr;gap:.2rem .8rem;min-inline-size:12rem;margin:0;display:grid}.sc-idbody dt{color:var(--muted)}.sc-idbody dd{margin:0;font-weight:700}.sc-tabs{flex-wrap:wrap;gap:.4rem;margin-block:.6rem;display:flex}.sc-tab{border:2px solid var(--border);background:var(--card);min-block-size:44px;min-inline-size:44px;color:var(--fg);border-radius:12px;justify-content:center;align-items:center;padding-inline:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.sc-tab.now{background:var(--accent);color:var(--bg);border-color:var(--accent)}.sc-tab.locked{opacity:.55}.sc-lessons{counter-reset:n;gap:.4rem;padding:0;list-style:none;display:grid}.sc-lessons a{border:1px solid var(--border);background:var(--card);min-block-size:48px;color:var(--fg);border-radius:12px;align-items:center;gap:.6rem;padding:.4rem .8rem;text-decoration:none;display:flex}.sc-lessons li.done a{background:var(--ok-bg);border-color:var(--ok)}.sc-lessons .mk{color:var(--ok);text-align:center;inline-size:1.4em;font-weight:700}.sc-progress progress{vertical-align:middle;inline-size:9rem}.sc-exambox{border:2px dashed var(--accent);border-radius:16px;margin-block:1.2rem;padding:1rem}.sc-timeline{gap:.3rem;margin-block:.6rem;padding:0;list-style:none;display:flex;overflow-x:auto}.sc-timeline li{background:var(--border);white-space:nowrap;text-align:center;border-radius:999px;flex:1 0 auto;padding:.35rem .6rem;font-size:.85rem}.sc-timeline li.done{background:var(--ok-bg);color:var(--ok)}.sc-timeline li.now{background:var(--accent);color:var(--bg);font-weight:700}.sc-plan li{margin-block:.3rem}.sc-rate{flex-wrap:wrap;gap:.5rem;margin-block:.4rem;display:flex}.sc-review{gap:.6rem;padding:0;list-style:none;display:grid}.sc-review li{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:.6rem .8rem}.sc-big-stat{text-align:center;color:#e6b800;margin:.4rem;font-size:2rem}.sc-puzzle{background:var(--card);border:1px solid var(--border);border-radius:18px;margin-block:.8rem;padding:1rem}.sc-where{color:var(--muted);margin:0}.sc-q{text-align:center;direction:ltr;margin-block:.8rem;font-size:2rem;font-weight:700}.sc-q.ans{color:var(--ok)}.sc-ansrow{gap:.5rem;display:flex}.sc-ansrow input{text-align:center;font-size:1.4rem}.sc-stats{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem;margin-block:.8rem;display:grid}.sc-stat{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;align-items:center;padding:.6rem;display:flex}.sc-stat .ico{font-size:1.6rem}.sc-stat b{font-size:1.5rem}.sc-stat small{color:var(--muted);text-align:center}.sc-shelf{flex-wrap:wrap;gap:.4rem;display:flex}.sc-board{border-collapse:collapse;inline-size:100%;margin-block:.8rem}.sc-board th,.sc-board td{border-block-end:1px solid var(--border);text-align:start;padding:.5rem}.sc-board tr.me{background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:700}.sc-code{font-family:ui-monospace,monospace;font-size:.8rem}.sc-canvas{border:1px solid var(--border);border-radius:12px;block-size:auto;inline-size:100%;margin-block:.8rem}.sc-howto li,.sc-rules li{margin-block:.4rem;line-height:1.8}#school{--r:22px}#school[data-age=young]{--r:28px;font-size:1.1rem}#school[data-age=teen]{--r:14px}.sc-stage{border-radius:0 0 36px 36px;margin-block-start:-.5rem;margin-inline:-1rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000024}.sc-scene svg,.kg-scene{block-size:auto;max-block-size:340px;inline-size:100%;display:block}.kg-scene .cloud{animation:38s linear infinite alternate sc-drift}.kg-scene .c2{animation-duration:52s;animation-direction:alternate-reverse}.kg-scene .sun{animation:60s linear infinite sc-spin}.kg-scene .flag{transform-origin:201px 45px;animation:2.4s ease-in-out infinite sc-wave}.kg-scene .tw{animation:2.8s ease-in-out infinite sc-twinkle}@keyframes sc-drift{to{transform:translate(46px)}}@keyframes sc-spin{to{transform:rotate(360deg)}}@keyframes sc-wave{50%{transform:skewY(-6deg)scaleX(.92)}}@keyframes sc-twinkle{50%{opacity:.2}}.sc-hoopoe{filter:drop-shadow(0 4px 4px #0003);inline-size:16%;max-inline-size:84px;animation:5s ease-in-out infinite sc-fly;position:absolute;inset-block-start:4%;inset-inline-start:6%}.sc-hoopoe svg{inline-size:100%;display:block}:root[dir=rtl] .sc-hoopoe svg{transform:scaleX(-1)}@keyframes sc-fly{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(14px,-10px)rotate(3deg)}}.sc-kid{aspect-ratio:1;background:#fffdf8;border:3px solid #fff;border-radius:50%;inline-size:17%;max-inline-size:78px;animation:2.6s ease-in-out infinite sc-bob;position:absolute;inset-block-end:3%;inset-inline-start:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 8px #0000004d}:root[dir=rtl] .sc-kid{transform:translate(50%)}.sc-kid .sc-kidav,.sc-kid svg{block-size:100%;inline-size:100%;display:block}@keyframes sc-bob{50%{margin-block-end:6px}}.sc-bar{justify-content:space-between;align-items:center;gap:.6rem;margin-block-start:.8rem;display:flex}.sc-bar h1{font-size:1.7rem}.sc-sound{border:2px solid var(--border);background:var(--card);border-radius:50%;block-size:48px;inline-size:48px;padding:0;font-size:1.3rem}.sc-go{border-radius:var(--r);font-size:1.3rem;animation:2.2s ease-in-out infinite sc-pulse}@keyframes sc-pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 18%, transparent)}}.sc-tiles{grid-template-columns:repeat(2,1fr);gap:.7rem;margin-block:1rem;display:grid}@media (width>=30rem){.sc-tiles{grid-template-columns:repeat(3,1fr)}}.sc-tile{border-radius:var(--r);color:#fff;text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--c) 82%, #fff), var(--c));min-block-size:124px;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 60%, #000), 0 8px 14px #00000024;animation:.5s backwards sc-pop;animation-delay:calc(var(--i) * 70ms);flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;padding:.7rem .4rem .8rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.sc-tile:active{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 60%, #000);transform:translateY(4px)}.sc-tile:focus-visible{outline-offset:2px;outline:4px solid #fff}.sc-tico{filter:drop-shadow(0 3px 2px #00000040);block-size:62px;inline-size:62px}.sc-tico svg{block-size:100%;inline-size:100%}@keyframes sc-pop{0%{opacity:0;transform:scale(.8)translateY(12px)}}.sc-say .kg-guide-bird{animation:3s ease-in-out infinite sc-bob}.sc-path{justify-content:space-between;margin:.6rem 0 1rem;padding:2.8rem 0 .4rem;list-style:none;display:flex;position:relative}.sc-path:before{content:"";border-block-start:4px dotted var(--border);position:absolute;inset-block-start:calc(2.8rem + 22px);inset-inline:7%}.sc-path li{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex;position:relative}.sc-path .stop{background:var(--card);border:3px solid var(--border);border-radius:50%;place-items:center;block-size:44px;inline-size:44px;font-size:1.3rem;display:grid;position:relative}.sc-path li.done .stop{background:var(--ok-bg);border-color:var(--ok);color:var(--ok);font-weight:800}.sc-path li.now .stop{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent)}.sc-path small{color:var(--muted);text-align:center;font-size:.72rem;line-height:1.2}.sc-path li.now small{color:var(--fg);font-weight:700}.sc-walker{background:#fffdf8;border:3px solid #fff;border-radius:50%;block-size:48px;inline-size:48px;animation:1.1s ease-in-out infinite sc-hop;position:absolute;inset-block-start:-2.9rem;overflow:hidden;box-shadow:0 3px 8px #0000004d}.sc-walker svg{block-size:100%;inline-size:100%;display:block}@keyframes sc-hop{50%{transform:translateY(-8px)}}.sc-sticker{--h:20;background:hsl(var(--h) 85% 82%);border:4px solid hsl(var(--h) 70% 52%);place-items:center;block-size:64px;inline-size:64px;font-size:2rem;display:inline-grid;position:relative;transform:rotate(-4deg);box-shadow:0 3px 6px #0000002e}.sc-sticker.circle{border-radius:50%}.sc-sticker.square{border-radius:18px}.sc-sticker.drop{border-radius:50% 50% 50% 8%;transform:rotate(-45deg)}.sc-sticker.drop:first-line{transform:rotate(45deg)}.sc-sticker.star{clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,80% 92%,50% 70%,20% 92%,31% 56%,2% 35%,38% 34%);background:hsl(var(--h) 85% 70%);border:0}.sc-sticker.off{filter:grayscale();opacity:.45;color:var(--muted);font-size:1.6rem}.sc-sticker.huge{block-size:130px;inline-size:130px;font-size:4.4rem;animation:.7s cubic-bezier(.2,1.6,.4,1) sc-stick}@keyframes sc-stick{0%{transform:scale(0)rotate(-40deg)}}.sc-album{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.6rem;margin-block:.8rem;display:grid}.sc-cell{color:var(--fg);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;text-decoration:none;display:flex}.sc-cell small{color:var(--muted);font-size:.68rem;line-height:1.2}.sc-modal{z-index:80;background:#14121e9e;place-items:center;padding:1rem;animation:.25s sc-fade;display:grid;position:fixed;inset:0}@keyframes sc-fade{0%{opacity:0}}.sc-modalbox{text-align:center;background:var(--card);border-radius:28px;inline-size:min(100%,26rem);padding:1.4rem 1.2rem;animation:.4s sc-pop;box-shadow:0 14px 40px #0006}.sc-modalbox h2{color:var(--accent);margin:0 0 .6rem}.sc-bigemoji{font-size:5rem;animation:.7s cubic-bezier(.2,1.6,.4,1) sc-stick}.sc-confetti{pointer-events:none;z-index:90;block-size:100vh;inline-size:100vw;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.kg-scene .cloud,.kg-scene .sun,.kg-scene .flag,.kg-scene .tw,.sc-hoopoe,.sc-kid,.sc-go,.sc-tile,.sc-say .kg-guide-bird,.sc-walker,.sc-sticker.huge,.sc-bigemoji,.sc-modal,.sc-modalbox{animation:none}}#school a:focus-visible,#school button:focus-visible,#school select:focus-visible,#school input:focus-visible,.u-wrap :focus-visible{outline:3px solid var(--accent);outline-offset:2px}#school button,#school a.sc-chip,#school .sc-back{min-block-size:44px}@media (forced-colors:active){.sc-tile,.sc-avatar,.sc-room{border:2px solid canvastext}}