:root{--bg:#000005;--cyan:#22d3ee;--cyan-hi:#67e8f9;--magenta:#d946ef;--text:#fff;--text-2:#ffffffb3;--dim:#ffffff73;--faint:#ffffff4d;--on-cyan:#001018;--line:#10212a;--panel:#030910;--surface:#030c13db;--ui:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--accent:var(--cyan)}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 12%,#22d3ee14,#0000 28%),radial-gradient(circle at 18% 85%,#d946ef0a,#0000 25%);position:fixed;top:0;bottom:0;left:0;right:0}#app{flex-direction:column;height:100dvh;display:flex}#preloader{z-index:100;background:radial-gradient(circle at 70% 20%, #22d3ee1a, transparent 34%), radial-gradient(circle at 22% 82%, #d946ef12, transparent 30%), var(--bg);place-items:center;padding:24px;transition:opacity .42s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#preloader:before{content:"";background-image:radial-gradient(1.5px 1.5px at 9% 24%,#c8ebf58c,#0000),radial-gradient(1.2px 1.2px at 37% 16%,#c8ebf566,#0000),radial-gradient(1px 1px at 21% 62%,#c8ebf559,#0000),radial-gradient(1.7px 1.7px at 44% 72%,#c8ebf580,#0000),radial-gradient(1px 1px at 4% 68%,#c8ebf54d,#0000),radial-gradient(1.2px 1.2px at 30% 88%,#c8ebf559,#0000),radial-gradient(1px 1px at 16% 8%,#c8ebf54d,#0000),radial-gradient(1.4px 1.4px at 60% 34%,#c8ebf573,#0000),radial-gradient(1px 1px at 72% 12%,#c8ebf54d,#0000),radial-gradient(1.1px 1.1px at 66% 78%,#c8ebf559,#0000),radial-gradient(1.6px 1.6px at 84% 52%,#c8ebf580,#0000),radial-gradient(1px 1px at 92% 28%,#c8ebf54d,#0000),radial-gradient(1.2px 1.2px at 78% 92%,#c8ebf559,#0000),radial-gradient(1px 1px at 96% 74%,#c8ebf547,#0000),radial-gradient(1.3px 1.3px at 52% 4%,#c8ebf552,#0000),radial-gradient(1px 1px at 26% 44%,#c8ebf547,#0000);animation:1.8s ease-out both stars-in,90s linear infinite stars-drift;position:absolute;top:-10%;bottom:-10%;left:-100%;right:-100%}#preloader.gone{opacity:0;pointer-events:none}#preloader.hidden{display:none}.pl-inner{text-align:center;width:min(440px,86vw);position:relative}#pl-logo{filter:drop-shadow(0 0 26px #22d3ee38);width:100%;height:auto;margin:0 auto 10px;animation:.7s ease-out both logo-in;display:block}.pl-tag{font-family:var(--mono);letter-spacing:.42em;text-indent:.42em;color:var(--dim);margin:0 0 18px;font-size:10px}#pl-log{min-height:76px;font-family:var(--mono);text-align:left;color:var(--dim);margin:0 0 14px;padding:0;font-size:11px;line-height:1.9;list-style:none}#pl-log li{animation:.24s ease-out both line-in}#pl-log li:before{content:"> ";color:var(--cyan)}#pl-log li.done:after{content:" ok";color:var(--cyan)}#pl-log li.last{color:var(--text)}.pl-bar{background:var(--line);border-radius:999px;height:2px;overflow:hidden}.pl-bar i{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:0;height:100%;transition:width .26s ease-out;display:block;box-shadow:0 0 12px #22d3ee80}@keyframes logo-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes line-in{0%{opacity:0;transform:translate(-6px)}}@keyframes stars-in{0%{opacity:0}to{opacity:1}}@keyframes stars-drift{0%{transform:translate(0)}to{transform:translate(-25%)}}#bar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#01050bf0;flex:none;align-items:center;gap:14px;min-height:52px;padding:7px 14px;display:flex;position:relative}.ident{letter-spacing:.08em;letter-spacing:.01em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.brand{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;min-height:0;padding:2px 4px;display:grid}.brand img{filter:drop-shadow(0 0 10px #22d3ee40);width:auto;height:22px;transition:filter .18s;display:block}.brand:hover img{filter:drop-shadow(0 0 14px #22d3ee80)}.brand:hover{background:#22d3ee12}.brand.no-logo:after{content:"ORBIT CODE";font-family:var(--ui);letter-spacing:.04em;color:#fff;font-size:12px;font-weight:700}.bar-select{max-width:42vw;min-height:32px;font-family:var(--mono);letter-spacing:.04em;color:var(--text);border:1px solid var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071720;border-radius:6px;padding:5px 8px;font-size:11px;display:none}.bar-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar-select:disabled{opacity:.5}#sel-mode{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}@media (max-width:560px){.bar-select{max-width:30vw;padding:4px 6px;font-size:10px}.ident .title{font-size:11px}}#mode-switch{border:1px solid var(--line);background:#01070d;border-radius:6px;gap:2px;padding:2px;display:flex}#mode-switch button{letter-spacing:.1em;min-height:28px;color:var(--dim);background:0 0;border:0;border-radius:4px;padding:5px 10px;font-size:10px}#mode-switch button:hover:not(.on){color:var(--text);background:0 0}#mode-switch button.on{color:#001018;background:var(--accent);font-weight:700}#budget{font-family:var(--mono);border:1px solid color-mix(in srgb, var(--cyan) 40%, var(--line));background:#22d3ee0f;border-radius:6px;align-items:baseline;gap:8px;padding:4px 10px;display:flex}#budget.hidden{display:none}#budget .b-label{letter-spacing:.18em;color:var(--dim);font-size:9px}#budget .b-num{color:var(--cyan);font-size:15px;font-weight:700}#budget .b-num b{font-size:18px}#budget .b-cost{color:var(--text-2);min-width:24px;font-size:11px}#budget .b-prog{color:var(--dim);white-space:nowrap;font-size:10px}#budget.over{background:#f0a24a1a;border-color:#f0a24a;animation:.9s ease-in-out infinite pulse-warn}#budget.over .b-num,#budget.over .b-cost{color:#f0a24a}#btn-skip.hidden{display:none}.nav-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.ident .title b{color:var(--accent)}.ident .sep,.ident .concept{color:var(--dim);font-family:var(--mono);white-space:nowrap;font-size:11px}.ident .title{white-space:nowrap}#levels{scrollbar-width:none;gap:6px;margin-right:auto;display:flex;overflow-x:auto}#levels::-webkit-scrollbar{display:none}#levels button{font-family:var(--mono);min-width:38px;min-height:32px;color:var(--dim);border:1px solid var(--line);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:4px;flex:none;padding:4px 9px;font-size:11px;transition:all .16s}#levels button:hover{color:var(--text);border-color:var(--dim)}#levels button.complete:after{content:"";vertical-align:middle;background:var(--accent);width:4px;height:4px;box-shadow:0 0 7px var(--accent);border-radius:50%;margin-left:5px;display:inline-block}#levels button.on{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 12px #22d3ee1f}.stats{font-family:var(--mono);color:var(--dim);white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.bit-meter{background:var(--line);border-radius:999px;width:54px;height:4px;overflow:hidden}.bit-meter i{border-radius:inherit;background:var(--accent);width:0;height:100%;box-shadow:0 0 9px var(--accent);transition:width .18s ease-out;display:block}.stat.stars{color:var(--accent);letter-spacing:2px}.stat.word{color:var(--accent);letter-spacing:3px}#stage{flex:auto;min-height:0;display:flex}#editor{border-right:1px solid var(--line);flex-direction:column;flex:0 0 38%;min-width:0;transition:flex-basis .24s,opacity .18s;display:flex}#blockly{touch-action:none;flex:auto;min-height:0}#blockly .blocklyScrollbarBackground{fill:#0000;stroke:none}#blockly .blocklyScrollbarHandle{fill:#1d3a46}#blockly .blocklyScrollbarHandle:hover,#blockly .blocklyScrollbarHandle:active{fill:#2b5566}#controls{border-top:1px solid var(--line);background:#01050b;flex:none;gap:8px;padding:8px 10px;display:flex}button{font-family:var(--mono);letter-spacing:.08em;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#071720;border-radius:6px;min-height:44px;padding:11px 14px;font-size:13px;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:#0a202b}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:translateY(1px)}button.primary{color:var(--on-cyan);background:var(--accent);border-color:var(--accent);flex:auto;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 20px #22d3ee40}button.primary:before{content:"▶";margin-right:8px;font-size:10px}button.primary:hover:not(:disabled){color:var(--on-cyan);background:var(--cyan-hi);border-color:var(--accent);box-shadow:0 0 30px color-mix(in srgb, var(--accent) 35%, transparent)}button:disabled{opacity:.45;cursor:default}button.danger{color:#f0a24a;background:#f0a24a1f;border-color:#f0a24a;animation:.9s ease-in-out infinite pulse-warn}.icon-button{width:44px;padding-inline-start:0;padding-inline-end:0;font-size:20px}#stage.editor-collapsed #editor{opacity:0;border-right:0;flex-basis:0;width:0;overflow:hidden}#viewport{flex:auto;min-width:0;position:relative}#game{position:absolute;top:0;bottom:0;left:0;right:0}#game canvas{display:block}#mission,#status{font-family:var(--mono);z-index:2;margin:0;font-size:11px;position:absolute;left:12px}#mission{max-width:min(520px,100% - 24px);color:var(--text-2);border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(90deg,#02090fe6,#02090f8c);border-radius:0 6px 6px 0;padding:9px 11px;line-height:1.5;top:10px}#mission-toggle{min-height:0;color:var(--accent);font-family:var(--mono);letter-spacing:.14em;pointer-events:auto;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;margin:-5px -7px 1px;padding:5px 7px;font-size:9px;font-weight:700;display:flex}#mission-toggle:hover:not(:disabled){background:#22d3ee14;border:0}#mission-toggle .chev{font-size:14px;line-height:1;transition:transform .18s;transform:rotate(90deg)}#mission.collapsed{padding-block-start:6px;padding-block-end:6px}#mission.collapsed #mission-toggle{margin-bottom:0}#mission.collapsed #mission-toggle .chev{transform:rotate(0)}#mission.collapsed #brief{display:none}#brief{margin:0}#status{max-width:calc(100% - 24px);color:var(--accent);background:#00050ab8;border-radius:4px;padding:5px 9px;bottom:10px;left:auto;right:12px}#status:empty{display:none}#status.warn{color:#f0a24a}#coach{z-index:3;width:min(440px,100% - 24px);font-family:var(--mono);color:var(--text);background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));pointer-events:none;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;font-size:11px;line-height:1.5;animation:.28s ease-out coach-in;display:flex;position:absolute;bottom:46px;left:12px;box-shadow:0 12px 40px #00000059}#coach b{height:30px;color:var(--on-cyan);background:var(--accent);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}#coach strong{color:var(--accent)}#coach.hidden{display:none}#coach,#rotate{pointer-events:auto}#coach-close,#rotate-close{width:26px;height:26px;min-height:0;color:var(--dim);background:0 0;border:0;flex:none;margin-left:2px;padding:0;font-size:17px;line-height:1}#coach-close:hover,#rotate-close:hover{color:var(--text);background:#ffffff14}#btn-expand{z-index:4;min-height:38px;color:var(--accent);background:var(--surface);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 18%, transparent);padding:8px 12px;position:absolute;bottom:10px;left:10px}#btn-expand.hidden{display:none}#btn-expand span{margin-left:5px;font-size:17px}#launcher{z-index:60;background:radial-gradient(circle at 74% 18%, #22d3ee1a, transparent 32%), radial-gradient(circle at 20% 84%, #d946ef0f, transparent 28%), var(--bg);place-items:center;padding:20px;animation:.26s ease-out fade-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#launcher.hidden{display:none}.lx-inner{text-align:center;width:min(760px,100%)}.lx-logo{filter:drop-shadow(0 0 24px #22d3ee33);width:min(300px,62vw);height:auto}.lx-tag{font-family:var(--mono);letter-spacing:.42em;text-indent:.42em;color:var(--dim);margin:2px 0 22px;font-size:10px}.lx-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.lx-card{text-align:center;border:1px solid var(--line);background:linear-gradient(160deg,#06121ae6,#02080ee6);border-radius:12px;justify-items:center;gap:6px;min-height:0;padding:20px 18px 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.lx-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 16px 50px #00000080, 0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}.lx-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 16px 50px #00000080, 0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}.lx-card img{object-fit:contain;filter:drop-shadow(0 6px 18px #0009);width:84px;height:84px;margin-bottom:2px}.lx-name{font-family:var(--ui);letter-spacing:.08em;color:#fff;font-size:15px;font-weight:700}.lx-desc{max-width:30ch;font-family:var(--mono);color:#ffffffb3;font-size:10.5px;line-height:1.6}.lx-meta{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);margin-top:4px;font-size:10px}.lx-card[data-mode=arena] .lx-meta{color:var(--magenta)}.lx-art{place-items:center;display:grid;position:relative}.lx-art img{object-fit:contain;filter:drop-shadow(0 6px 18px #0009);width:84px;height:84px}.lx-lock{background:#00050a8c;border-radius:50%;place-items:center;font-size:30px;line-height:1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lx-card.locked{opacity:.6;cursor:not-allowed}.lx-card.locked .lx-art img{filter:grayscale()brightness(.7)}.lx-card.locked:hover{border-color:var(--line);box-shadow:none;transform:none}.lx-card.unlocked .lx-lock{display:none}.lx-card[data-mode=arena]:hover{border-color:color-mix(in srgb, var(--magenta) 55%, var(--line));box-shadow:0 16px 50px #00000080,0 0 40px #d946ef1f}.lx-card[data-mode=arena]:focus-visible{border-color:color-mix(in srgb, var(--magenta) 55%, var(--line));box-shadow:0 16px 50px #00000080,0 0 40px #d946ef1f}@keyframes fade-in{0%{opacity:0}}#panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#000005d1;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#panel.hidden,#rotate.hidden{display:none}.card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 6%, var(--panel)), var(--panel));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));width:min(420px,90vw);box-shadow:0 24px 90px #0000008c, 0 0 60px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:12px;padding:24px;animation:.22s ease-out card-in}.card h2{letter-spacing:.02em;margin:0 0 4px;font-size:19px}.card .sub{font-family:var(--mono);color:var(--dim);margin:0 0 16px;font-size:11px;line-height:1.6}.card .big-stars{letter-spacing:6px;color:var(--accent);margin-bottom:12px;font-size:26px}.card dl{font-family:var(--mono);grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 18px;font-size:12px;display:grid}.card dt{color:var(--dim)}.card dd{margin:0}.byte{font-family:var(--mono);letter-spacing:2px}.byte b{color:var(--accent);font-size:15px}.card .row{gap:8px;display:flex}.card.lesson h2{color:var(--accent)}.nudge{font-family:var(--mono);color:var(--text-2);border-left:2px solid var(--accent);background:#22d3ee0f;border-radius:0 6px 6px 0;margin:-6px 0 16px;padding:9px 11px;font-size:11px;line-height:1.6}.nudge b{color:var(--accent)}body[data-mode=academy] .stat.stars,body[data-mode=academy] .stat.word{letter-spacing:.06em;color:var(--dim)}body[data-mode=academy] .stat.stars{color:var(--accent)}.card.final{text-align:center}.card.final dl{text-align:left}.reboot{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);text-shadow:0 0 28px color-mix(in srgb, var(--accent) 55%, transparent);margin-bottom:6px;font-size:clamp(30px,9vw,46px);font-weight:700}.reboot.corrupted{color:#f0a24a;text-shadow:0 0 22px #f0a24a66;animation:2.6s step-end infinite glitch}.card.final .quote{font-family:var(--ui);color:var(--text);opacity:.85;margin:4px 0 18px;font-size:14px;font-style:italic}@keyframes glitch{0%,92%{transform:none}93%{opacity:.7;transform:translate(-2px)skew(4deg)}95%{transform:translate(2px)}97%{transform:none}}#rotate{max-width:calc(100% - 24px);font-family:var(--mono);color:var(--dim);border:1px solid var(--line);z-index:10;background:#01060d;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 14px;font-size:11px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes signal{50%{opacity:.55;box-shadow:0 0 5px var(--accent)}}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes pulse-warn{50%{box-shadow:0 0 18px #f0a24a59}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#howto{z-index:70;overscroll-behavior:contain;background:radial-gradient(circle at 82% 8%, #22d3ee17, transparent 30%), radial-gradient(circle at 12% 92%, #d946ef0f, transparent 26%), var(--bg);animation:.24s ease-out fade-in;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#howto.hidden{display:none}.ht-inner{width:min(900px,100%);margin:0 auto;padding:0 18px 28px}.ht-head{z-index:2;background:linear-gradient(var(--bg) 72%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;top:0}.ht-head h1{letter-spacing:.2em;color:#fff;margin:0;font-size:15px;font-weight:700}#ht-close{width:38px;height:38px;min-height:0;color:var(--dim);border:1px solid var(--line);background:0 0;padding:0;font-size:22px;line-height:1}#ht-close:hover{color:var(--text);border-color:var(--dim)}.ht-lead{font-family:var(--mono);color:var(--text-2);margin:0 0 20px;font-size:12px;line-height:1.7}.ht-lead b,.ht-text b{color:#fff}.ht-card{border:1px solid var(--line);background:linear-gradient(150deg,#06121abf,#02080ebf);border-radius:12px;grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:18px;margin-bottom:14px;padding:16px;display:grid}.ht-demo{border:1px solid var(--line);background:#01060c;border-radius:8px;place-items:center;padding:10px;display:grid}.ht-demo svg{width:100%;height:auto}.ht-text h2{letter-spacing:.02em;color:#fff;margin:0 0 8px;font-size:14px}.ht-text p{font-family:var(--mono);color:var(--text-2);margin:0 0 8px;font-size:11.5px;line-height:1.75}.ht-text code,.ht-mini code{font-family:var(--mono);color:var(--cyan);background:#22d3ee1a;border-radius:3px;padding:1px 5px;font-size:11px}.ht-text h2 code{font-size:13px}.ht-list{font-family:var(--mono);color:var(--text-2);margin:0 0 8px;padding-left:18px;font-size:11.5px;line-height:1.9}.ht-tip{border-left:2px solid color-mix(in srgb, var(--cyan) 45%, var(--line));padding-left:10px;color:var(--dim)!important}.ht-foot{text-align:center;border:1px solid color-mix(in srgb, var(--cyan) 30%, var(--line));background:#22d3ee0a;border-radius:12px;margin-top:18px;padding:16px}.ht-foot p{font-family:var(--mono);color:var(--text-2);margin:0 0 14px;font-size:11.5px;line-height:1.7}#ht-start{min-width:200px}.g-lines path{fill:none;stroke:#16323d;stroke-width:1px}.g-trail rect{fill:var(--cyan);opacity:0;animation:4s ease-out infinite ht-trail}.g-astro{fill:#dfeef4;stroke:var(--cyan);stroke-width:2px}.g-nose{fill:var(--cyan)}.g-mover{animation:4s ease-in-out infinite ht-move}@keyframes ht-move{0%,8%{opacity:1;transform:translate(0)}60%,86%{opacity:1;transform:translate(144px)}92%{opacity:0;transform:translate(144px)}93%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes ht-trail{0%,10%{opacity:0}25%{opacity:.28}86%{opacity:.1}92%,to{opacity:0}}.ht-two{gap:14px;display:flex}.ht-mini{justify-items:center;gap:6px;display:grid}.ht-mini svg{width:96px}.g-dial{fill:none;stroke:#16323d;stroke-width:1px;stroke-dasharray:3 5}.g-turn{transform-origin:45px 45px}.g-left{animation:3s ease-in-out infinite ht-left}.g-right{animation:3s ease-in-out infinite ht-right}@keyframes ht-left{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes ht-right{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(90deg)}to{transform:rotate(0)}}.g-arc{fill:none;stroke-width:2px}.g-arc-neg{stroke:var(--cyan);opacity:.5}.g-arc-pos{stroke:var(--magenta);opacity:.5}.g-lab{font-family:var(--mono);fill:var(--dim);font-size:10px}.g-hub{fill:var(--cyan)}.g-needle{transform-origin:100px 96px;animation:5s ease-in-out infinite ht-needle}.g-needle line{stroke:#fff;stroke-width:3px;stroke-linecap:round}@keyframes ht-needle{0%,10%{transform:rotate(0)}28%,42%{transform:rotate(-45deg)}58%,62%{transform:rotate(0)}78%,92%{transform:rotate(45deg)}to{transform:rotate(0)}}.ht-blocks{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hb{font-family:var(--mono);color:#eaf6fa;white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:10px;display:inline-block}.hb-move{background:#0e7490}.hb-turn{background:#155e75}.hb-loop{background:#6d28d9;padding:4px;display:block}.hb-loop i{color:#1a0d33;background:#d7cbf5;border-radius:3px;padding:0 4px;font-style:normal}.hb-top,.hb-bot{padding:2px 6px;font-size:10px;display:block}.hb-body,.hb-slot{background:#00000038;border-radius:5px;justify-items:start;gap:4px;margin-left:12px;padding:5px;display:grid}.ht-flat{justify-items:start;gap:3px;display:grid}.hb-dots{color:var(--dim);font-size:10px}.ht-eq{font-family:var(--mono);color:var(--dim);font-size:16px}.hb-slot{min-height:46px;animation:4.5s ease-in-out infinite ht-slot}.hb-inner{animation:4.5s ease-in-out infinite ht-drop}@keyframes ht-drop{0%,12%{opacity:0;transform:translate(46px,-26px)}30%{opacity:1;transform:translate(46px,-26px)}52%,88%{opacity:1;transform:translate(0)}96%,to{opacity:0;transform:translate(46px,-26px)}}@keyframes ht-slot{0%,28%{box-shadow:none;background:#00000038}40%{background:#a78bfa4d;box-shadow:inset 0 0 0 1px #a78bfa}60%,to{box-shadow:none;background:#00000038}}@media (max-width:700px){.ht-card{grid-template-columns:1fr;gap:12px}.ht-inner{padding:0 12px 20px}.ht-demo svg{max-width:320px}}@media (max-height:520px){.ht-card{margin-bottom:10px;padding:12px}.ht-demo{padding:6px}.ht-demo svg{max-width:240px}.ht-head{padding:10px 0 8px}}@media (max-height:480px){#bar{gap:10px;padding:5px 10px}#editor{flex-basis:34%}.ident{font-size:12px}.ident .concept,.ident .sep{display:none}#controls{gap:5px;padding:4px 6px}button{min-height:34px;padding:6px 8px;font-size:10px}button.primary{white-space:nowrap}.icon-button{width:34px;font-size:16px}#brief,#status{font-size:10px}#mission{max-width:min(480px,100% - 20px);padding:6px 9px}#coach{padding:6px 6px 6px 9px;bottom:34px}#coach b{flex-basis:24px;height:24px}#coach-close,#rotate-close{width:30px;height:30px}.stats{gap:7px}}@media (orientation:portrait){#stage{flex-direction:column}#editor{border-right:none;border-bottom:1px solid var(--line);flex:55%}#viewport{flex:45%}.stats .word,.ident .concept,.ident .sep{display:none}#stage.editor-collapsed #editor{border-bottom:0;flex-basis:0}}@media (max-width:720px),(max-height:420px){.bit-meter{width:34px}.stats .stars{display:none}#levels{gap:4px}#levels button{min-width:34px;padding-inline-start:6px;padding-inline-end:6px}}.lx-howto{width:100%;font-family:var(--mono);letter-spacing:.06em;color:var(--text-2);border:1px dashed color-mix(in srgb, var(--cyan) 35%, var(--line));background:0 0;margin-top:12px;padding:12px;font-size:11px}.lx-howto:hover{color:#fff;background:#22d3ee0f;border-style:solid}.lx-howto span{width:18px;height:18px;color:var(--on-cyan);background:var(--cyan);vertical-align:-3px;border-radius:50%;place-items:center;margin-right:6px;font-weight:700;display:inline-grid}#btn-help{width:30px;height:30px;min-height:0;font-family:var(--mono);color:var(--dim);border:1px solid var(--line);background:0 0;border-radius:50%;padding:0;font-size:13px;font-weight:700}#btn-help:hover{color:var(--cyan);border-color:var(--cyan);background:0 0}#bar-menu{display:contents}#btn-menu{width:34px;height:34px;min-height:0;color:var(--text-2);border:1px solid var(--line);background:#071720;border-radius:6px;padding:0;font-size:15px;line-height:1;display:none}#btn-menu[aria-expanded=true]{color:var(--on-cyan);background:var(--accent);border-color:var(--accent)}@media (max-width:900px){#bar{gap:8px;min-height:42px;padding:4px 10px;position:relative}#btn-menu{place-items:center;display:grid}#bar-menu{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:#01060cfa;flex-direction:column;gap:8px;padding:12px;animation:.16s ease-out menu-in;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 40px #0009}#bar-menu.open{display:flex}#bar-menu .bar-select{width:100%;max-width:none;min-height:38px;font-size:12px}#bar-menu #btn-help{border-radius:6px;width:100%;height:38px}#bar-menu #btn-help:after{content:" KAKO SE IGRA";letter-spacing:.08em;font-size:11px}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}@media (max-width:900px){.bar-select{display:block}#mode-switch,#levels{display:none}#bar{gap:8px}.ident{margin-right:auto}.brand img{height:20px}.stats{gap:8px}.stats .word{display:none}}