:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1416;--panel:#0b1618cc;--panel-solid:#0f1d1f;--panel-2:#142426b8;--line:#78dccd24;--line-2:#78dccd42;--text:#e3efec;--muted:#8aa6a1;--dim:#5b7773;--teal:#2fd4c0;--teal-2:#1a8f86;--amber:#f2a93b;--red:#ff6b5a;--green:#8fd14f;--cyan:#5fe8ff;--radius:12px;--ui:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}button{color:inherit;font-family:inherit}#app{position:fixed;inset:0}#world{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#world.dragging{cursor:grabbing}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:var(--shadow)}#topbar{top:calc(10px + env(safe-area-inset-top,0px));z-index:20;align-items:center;gap:14px;height:52px;padding:0 10px 0 14px;display:flex;position:absolute;left:10px;right:10px}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand .logo{flex:none;width:30px;height:30px}.brand .title{letter-spacing:.18em;font-size:15px;font-weight:700}.brand .colony{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.res-bar{flex-wrap:nowrap;gap:6px;margin-left:8px;display:flex;overflow:hidden}.res{font-family:var(--mono);background:#ffffff0a;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:13px;transition:border-color .3s,background .3s;display:flex}.res svg{font-size:18px}.res .n{text-align:right;min-width:22px;font-weight:600}.res.flash{background:#8fd14f1f;border-color:#8fd14f99}.spacer{flex:1}.clock{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.clock b{color:var(--text);font-weight:600}.seg{background:#ffffff0a;border-radius:9px;gap:2px;padding:3px;display:flex}.seg button{font-size:12px;font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 8px}.seg button.on{color:var(--teal);background:#2fd4c02e}.tb-btn{cursor:pointer;border:1px solid var(--line);white-space:nowrap;background:#ffffff08;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.tb-btn:hover{border-color:var(--line-2);background:#2fd4c014}.tb-btn.primary{background:var(--teal);color:#03201c;border-color:#0000;font-weight:600}.tb-btn.primary:hover{background:#4be0cd}.tb-btn svg{font-size:16px}.kbd{font-family:var(--mono);color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:10px}.tb-btn.primary .kbd{color:#0b4a42;border-color:#03201c4d}#units{z-index:10;flex-direction:column;width:250px;max-height:calc(100vh - 300px);padding:10px;display:flex;position:absolute;top:72px;left:10px}.sec-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:2px 4px 8px;font-size:11px;display:flex}.unit-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.ucard{cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:10px;grid-template-columns:34px 1fr;gap:3px 10px;padding:8px 10px;transition:background .15s,border-color .15s;display:grid}.ucard:hover{background:#2fd4c00f}.ucard.sel{background:#2fd4c017;border-color:#2fd4c08c}.ucard .ic{width:34px;height:34px;color:var(--teal);background:#2fd4c01f;border-radius:9px;grid-row:span 2;place-items:center;font-size:20px;display:grid}.ucard .ic.minero{color:var(--amber);background:#f2a93b24}.ucard .ic.explorador{color:var(--cyan);background:#5fe8ff1f}.ucard .top{justify-content:space-between;align-items:center;gap:6px;display:flex}.ucard .name{font-family:var(--mono);font-size:13px;font-weight:600}.ucard .sub{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:11.5px;display:flex;overflow:hidden}.ucard .sub .act{text-overflow:ellipsis;font-family:var(--mono);overflow:hidden}.pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700}.pill.RUNNING{color:var(--teal);background:#2fd4c029}.pill.IDLE{color:var(--muted);background:#ffffff12}.pill.DONE{color:var(--green);background:#8fd14f26}.pill.ERROR,.pill.BLOCKED{color:var(--red);background:#ff6b5a29}.pill.HIBERNATING{color:var(--amber);background:#f2a93b29}.mini-bat{background:#ffffff14;border-radius:3px;flex:none;width:38px;height:5px;overflow:hidden}.mini-bat i{background:var(--green);height:100%;display:block}.mini-bat i.low{background:var(--red)}.mini-bat i.mid{background:var(--amber)}.objective{background:linear-gradient(135deg,#f2a93b1f,#2fd4c00f);border:1px solid #f2a93b40;border-radius:10px;margin-top:10px;padding:10px}.objective .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:6px;font-size:10px;display:flex}.objective .txt{margin:5px 0 7px;font-size:13px;line-height:1.35}.objective .bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.objective .bar i{background:var(--amber);height:100%;transition:width .4s;display:block}.objective .cnt{font-family:var(--mono);color:var(--muted);text-align:right;margin-top:5px;font-size:11px}#inspector{z-index:10;flex-direction:column;width:350px;max-height:calc(100vh - 92px);display:flex;position:absolute;top:72px;right:10px;overflow:hidden}#inspector.hidden{display:none}.insp-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 10px;display:flex}.insp-head .ic{width:40px;height:40px;color:var(--teal);background:#2fd4c01f;border-radius:10px;place-items:center;font-size:24px;display:grid}.insp-head .nm{font-family:var(--mono);font-size:16px;font-weight:600}.insp-head .ty{color:var(--muted);font-size:12px}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff0f}.insp-body{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex;overflow-y:auto}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:#ffffff08;border-radius:9px;min-width:0;padding:8px 10px}.stat .k{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:10px}.stat .v{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;overflow:hidden}.bar{background:#ffffff14;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar i{background:var(--green);height:100%;transition:width .3s;display:block}.bar i.low{background:var(--red)}.bar i.mid{background:var(--amber)}.bar i.teal{background:var(--teal)}.action-box{background:#2fd4c00f;border:1px solid #2fd4c02e;border-radius:10px;padding:9px 10px}.action-box .row{font-family:var(--mono);justify-content:space-between;align-items:center;font-size:13px;display:flex}.action-box .row .l{color:var(--teal)}.action-box .row .r{color:var(--muted);font-size:12px}.alert{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.alert.red{background:#ff6b5a17;border:1px solid #ff6b5a59}.alert.amber{background:#f2a93b17;border:1px solid #f2a93b59}.alert .t{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.alert.red .t{color:var(--red)}.alert.amber .t{color:var(--amber)}.alert code,.mono{font-family:var(--mono)}.alert .kv{font-family:var(--mono);grid-template-columns:auto 1fr;gap:2px 12px;font-size:12.5px;display:grid}.alert .kv span:nth-child(odd){color:var(--muted)}.link-btn{color:var(--teal);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:6px;padding:0;font-size:12.5px;text-decoration:underline}.btn-row{gap:8px;display:flex}.btn{border:1px solid var(--line-2);cursor:pointer;background:#ffffff0a;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;height:36px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:#2fd4c01a}.btn.go{background:var(--teal);color:#03201c;border-color:#0000}.btn.go:hover{background:#4be0cd}.btn.danger:hover{color:#ffb3a8;background:#ff6b5a26;border-color:#ff6b5a73}.btn:disabled{opacity:.4;cursor:default}select.sel{color:var(--text);border:1px solid var(--line-2);height:36px;font-family:var(--mono);background:#ffffff0d;border-radius:9px;padding:0 8px;font-size:12.5px}select.sel option{background:#0f1d1f}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--muted);font-size:11.5px;font-family:var(--mono);background:#ffffff0d;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.chip svg{font-size:14px}.logs{font-family:var(--mono);background:#00000038;border-radius:9px;min-height:90px;max-height:260px;padding:8px 10px;font-size:12px;line-height:1.5;overflow-y:auto}.log{grid-template-columns:44px 1fr auto;gap:8px;padding:1px 0;display:grid}.log .tm{color:var(--dim)}.log .m{word-break:break-word}.log.warn .m{color:#ffd08a}.log.error .m{color:#ffa396}.log.ok .m{color:#9ff0e4}.log.print .m{color:#e9f3f1}.log.print .m:before{content:"› ";color:var(--teal)}.log .x{color:var(--amber);font-size:11px}#editor{z-index:30;background:#091214e6;flex-direction:column;width:min(760px,58vw);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:72px;bottom:10px;right:10px;overflow:hidden;transform:translate(calc(100% + 20px))}#editor.open{transform:none}.ed-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 8px 0 10px;display:flex}.tabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.tab{cursor:pointer;font-family:var(--mono);color:var(--muted);white-space:nowrap;border:1px solid #0000;border-bottom:0;border-radius:9px 9px 0 0;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;display:flex;position:relative;top:1px}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-color:var(--line);background:#ffffff0b}.tab .dirty{background:var(--amber);border-radius:50%;width:6px;height:6px}.tab.lib svg{color:var(--amber)}.tab .x{opacity:0;padding:0 2px;font-size:12px}.tab:hover .x{opacity:.6}.ed-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.ed-tools .grow{flex:1}.ed-tools .btn{flex:none;height:32px;padding:0 12px}.ed-tools .sel{height:32px}.ed-main{flex:1;min-height:0;display:flex}.ed-code{flex:1;min-width:0;position:relative;overflow:hidden}.ed-code .cm-editor{height:100%}.ed-code .cm-editor.cm-focused{outline:none}.manual{border-left:1px solid var(--line);width:300px;padding:10px 12px;font-size:13px;display:none;overflow-y:auto}.manual.open{display:block}.manual input{border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--ui);background:#ffffff0d;border-radius:8px;margin-bottom:8px;padding:7px 10px}.manual h4{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:14px 0 6px;font-size:10.5px}.api-item{cursor:pointer;background:#ffffff08;border-radius:9px;margin-bottom:6px;padding:8px 10px}.api-item:hover{background:#2fd4c012}.api-sig{font-family:var(--mono);color:var(--cyan);font-size:12.5px}.api-desc{color:#c6d8d4;margin-top:4px;font-size:12.5px;line-height:1.4}.api-meta{color:var(--muted);font-size:11px;font-family:var(--mono);flex-wrap:wrap;gap:4px 10px;margin-top:5px;display:flex}.api-ex{color:#cfe8e2;white-space:pre-wrap;font-size:11.5px;font-family:var(--mono);background:#0000004d;border-radius:6px;margin:6px 0 0;padding:6px 8px}.cm-api-tip{max-width:360px;font-family:var(--ui);padding:8px 10px}.ed-console{border-top:1px solid var(--line);flex-direction:column;height:190px;display:flex}.ed-console .head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;padding:6px 12px;font-size:11px;display:flex}.ed-console .head .st{text-transform:none;letter-spacing:0;font-family:var(--mono);margin-left:auto}.ed-console .logs{background:#00000040;border-radius:0;flex:1;max-height:none;margin:0}.ed-status{color:var(--dim);font-size:11.5px;font-family:var(--mono);border-top:1px solid var(--line);gap:14px;padding:5px 12px;display:flex}.ed-status .ok{color:var(--green)}.ed-status .bad{color:var(--red)}#minimap-wrap{z-index:10;padding:8px;position:absolute;bottom:10px;left:10px}#minimap{cursor:pointer;width:220px;height:118px;display:block}#camctl{z-index:10;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;bottom:10px;left:250px}#camctl .icon-btn{width:34px;height:34px}#camctl .icon-btn.on{color:var(--teal);background:#2fd4c01a}#hint{z-index:9;color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:99px;padding:7px 14px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#hint b{color:var(--text);font-weight:600}#tileinfo{z-index:12;pointer-events:none;font-family:var(--mono);border:1px solid var(--line);white-space:nowrap;background:#081012d9;border-radius:7px;padding:5px 8px;font-size:11.5px;display:none;position:absolute}#toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;animation:.25s ease-out tin;display:flex}.toast.err{border-color:#ff6b5a80}.toast.ok{border-color:#8fd14f80}.toast.warn{border-color:#f2a93b80}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}body.editing #hint{display:none}body.editing #toasts{left:calc(50vw - min(760px,58vw)/2)}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#040a0c99;place-items:center;padding:16px;animation:.2s fin;display:grid;position:fixed;inset:0}@keyframes fin{0%{opacity:0}}.modal{background:#0c181af5;width:min(640px,100%);max-height:calc(100vh - 32px);padding:22px 24px;overflow-y:auto}.modal h2{letter-spacing:.02em;margin:0 0 4px;font-size:22px}.modal .lead{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.modal .foot{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal .foot .btn{flex:none;padding:0 18px}.modal label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.modal input[type=text]{border:1px solid var(--line-2);width:100%;color:var(--text);font-size:15px;font-family:var(--ui);background:#ffffff0d;border-radius:9px;padding:10px 12px}.steps{gap:8px;margin:14px 0;display:grid}.step{grid-template-columns:28px 1fr;align-items:start;gap:10px;font-size:13.5px;line-height:1.45;display:grid}.step .n{width:28px;height:28px;color:var(--teal);font-weight:700;font-family:var(--mono);background:#2fd4c01f;border-radius:8px;place-items:center;display:grid}.rule{border-left:3px solid var(--amber);background:#f2a93b12;border-radius:0 10px 10px 0;margin:12px 0;padding:12px 14px;font-size:15px}.rk-tabs{flex-wrap:wrap;gap:4px;margin:10px 0 12px;display:flex}.rk-tabs button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:8px;padding:5px 10px;font-size:12px}.rk-tabs button.on{color:var(--teal);background:#2fd4c024;border-color:#2fd4c066}.rk-row{border-radius:9px;grid-template-columns:30px 14px 1fr auto;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:grid}.rk-row:nth-child(odd){background:#ffffff06}.rk-row.me{background:#2fd4c01a;outline:1px solid #2fd4c04d}.rk-row .pos{font-family:var(--mono);color:var(--muted);font-weight:600}.rk-row .dot{border-radius:3px;width:10px;height:10px}.rk-unit{color:var(--dim);margin-bottom:4px;font-size:12px}.report-unit{background:#ffffff08;border-radius:10px;grid-template-columns:34px 1fr;gap:10px;margin-bottom:8px;padding:10px;display:grid}.report-unit .logs{min-height:0;max-height:90px;margin-top:6px}.big-delta{flex-wrap:wrap;gap:8px;margin:6px 0 14px;display:flex}.big-delta .res{font-size:15px}.ver-item{font-family:var(--mono);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;font-size:12.5px;display:flex}.ver-item pre{color:var(--muted);max-height:60px;margin:6px 0 0;font-size:11px;overflow:hidden}.sim-summary{font-family:var(--mono);color:var(--cyan);background:#5fe8ff0f;padding:6px 12px;font-size:12px}@media (max-width:900px){#units{width:200px}#inspector{width:300px}#editor{width:calc(100vw - 20px)}.res-bar .res:nth-child(n+4),.tb-btn .lbl,.tb-btn .kbd,.brand .colony{display:none}}@media (max-width:640px){#units{display:none}#inspector{width:auto;max-height:50vh;inset:auto 10px 10px}#minimap-wrap,#camctl,#hint,.clock,.res-bar .res:nth-child(n+3){display:none}}.ph{font-family:var(--ui);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;margin-right:4px;padding:2px 7px;font-size:10px;font-weight:700}.ph.prep{color:var(--amber);background:#f2a93b2e}.ph.play{color:var(--teal);background:#2fd4c02e}.ph.end{color:var(--red);background:#ff6b5a29}.pgroup{background:#ffffff05;border-radius:10px}.pgroup.open{background:#2fd4c00d;padding-bottom:4px}.phead{cursor:pointer;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.phead .dot{border-radius:3px;flex:none;width:10px;height:10px}.phead .pn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.phead .ps{font-family:var(--mono);align-items:center;gap:4px;display:flex}.phead .ps b{text-align:right;min-width:30px}.pgroup .ucard{margin:0 4px 4px}.mini-rk{grid-template-columns:18px 10px 1fr auto;align-items:center;gap:7px;padding:3px 2px;font-size:12.5px;display:grid}.mini-rk i{border-radius:3px;width:10px;height:10px}.mini-rk span:first-child{color:var(--dim);font-family:var(--mono)}.mini-rk .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-rk b{font-family:var(--mono)}.mini-rk.me{color:var(--teal)}.ucard .ic.granjero{color:var(--green);background:#8fd14f24}.ucard .ic.constructor{color:#ef7d2d;background:#ef7d2d24}.ucard .ic.hacker{color:#ff5d73;background:#ff5d731f}.ucard .ic.aspersor{color:#5fb8ff;background:#5fb8ff1f}.backdrop{width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:1;position:fixed;inset:0;overflow:hidden auto}.screen.over{background:linear-gradient(#0810128c 0%,#08101240 40%,#081012b3 100%)}.scr-top{z-index:5;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#081012b8;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.scr-top .brand{color:var(--text);text-decoration:none}.scr-top .brand .colony{max-width:320px}.scr-user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}a.tb-btn{color:var(--text);text-decoration:none}.scr-main{max-width:1080px;margin:0 auto;padding:32px 20px 64px}.scr-main.wide{max-width:1240px}.scr-main a{color:var(--teal)}.sm{color:var(--muted);font-size:13px;line-height:1.5}.warn{color:var(--amber)!important}.mono{font-family:var(--mono)}.sel{-webkit-user-select:all;user-select:all;word-break:break-all}.center{text-align:center}.k-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:6px;font-size:11px;font-weight:600}code{font-family:var(--mono);color:#cfe8e2;background:#ffffff0f;border-radius:5px;padding:1px 5px;font-size:.92em}input,select{font-family:var(--ui)}.scr-main input:not([type=checkbox]){border:1px solid var(--line-2);color:var(--text);background:#ffffff0d;border-radius:9px;min-width:0;padding:10px 12px;font-size:15px}.scr-main input:focus{outline-offset:1px;outline:2px solid #2fd4c080}.btn.big{justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:14px;padding:0 22px;font-size:16px;display:inline-flex}a.btn{color:var(--text);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn.go{color:#03201c}.link-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px;text-decoration:none;display:inline-block}.link-btn:hover{text-decoration:underline}.hero{max-width:760px;padding:7vh 0 36px}.hero h1{letter-spacing:-.01em;text-shadow:0 4px 30px #00000080;margin:0 0 16px;font-size:clamp(34px,6vw,60px);line-height:1.04}.hero h1 span{color:var(--teal)}.hero .lead{color:#cfe0dc;text-shadow:0 2px 12px #0009;margin:0;font-size:18px;line-height:1.55}.hero.small{padding:8px 0 24px}.hero.small h1{margin-bottom:8px;font-size:34px}.hero.small .lead{color:var(--muted);font-size:15px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.card{padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:block;color:var(--text)!important}a.card:hover{border-color:#2fd4c073;transform:translateY(-2px)}.card .k{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.card .k svg{font-size:16px}.card h3{margin:10px 0 6px;font-size:18px}.card p{margin:0}.card.join{background:#0a1e1ed9;border-color:#2fd4c066;grid-column:span 2}.card.join .row{gap:8px;margin:12px 0 8px;display:flex}.card.join input{letter-spacing:.3em;text-transform:uppercase;text-align:center;flex:1;font-family:var(--mono)!important;font-size:26px!important}.card.join .btn{height:auto;padding:0 24px;font-size:16px}.card.prof .k{color:var(--amber)}@media (max-width:560px){.card.join{grid-column:auto}.scr-top .brand .colony{display:none}}.auth{place-items:center;gap:12px;padding-top:4vh;display:grid}.form-card{width:min(440px,100%);padding:24px}.form-card h2{margin:4px 0 6px}.form-card form{flex-direction:column;gap:6px;margin-top:12px;display:flex}.form-card label{color:var(--muted);margin-top:6px;font-size:12px}.form-card form .btn{height:42px;margin-top:12px;font-size:15px}.form-card.row{flex-direction:row;gap:8px;width:100%;padding:12px;display:flex}.form-card.row input{flex:1}.form-card.row .btn{align-items:center;gap:6px;height:auto;padding:0 16px;display:inline-flex}.tabs2{background:#ffffff0a;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.tabs2 button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:7px;padding:9px;font-size:14px}.tabs2 button.on{color:var(--teal);background:#2fd4c029;font-weight:600}.levels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.lvl{grid-template-columns:44px 1fr 32px;align-items:start;gap:14px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid;color:var(--text)!important}.lvl:hover{border-color:#2fd4c073;transform:translateY(-2px)}.lvl .num{width:44px;height:44px;font-family:var(--mono);color:var(--teal);background:#2fd4c01a;border:1px solid #2fd4c04d;border-radius:12px;place-items:center;font-size:20px;font-weight:600;display:grid}.lvl.done .num{background:var(--teal);color:#03201c}.lvl h3{margin:0 0 3px;font-size:16px}.lvl .concept{font-size:11.5px;font-family:var(--mono);color:var(--amber);margin-bottom:6px}.lvl p{margin:0}.lvl .u{color:var(--muted);font-size:26px}.modal .rule{background:#2fd4c014;border:1px solid #2fd4c040;border-radius:9px;padding:10px 12px;font-size:14px}.guide{font-size:15px;line-height:1.6}.guide h1{margin:0 0 8px;font-size:36px}.guide h2{margin:-28px 0 12px;padding-top:70px;font-size:22px}.guide h3{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 8px;font-size:15px}.guide .lead{color:#cfe0dc;font-size:17px}.guide p,.guide li{color:#d3e3df}.guide .api-ex{padding:10px 12px;font-size:13px}.toc{z-index:3;background:var(--bg);flex-wrap:wrap;gap:6px;margin:18px 0 8px;padding:8px 0;display:flex;position:sticky;top:62px}.toc a{border:1px solid var(--line);border-radius:8px;padding:5px 11px;font-size:13px;text-decoration:none;color:var(--muted)!important}.toc a:hover{border-color:#2fd4c073;color:var(--teal)!important}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.step{border:1px solid var(--line);background:#ffffff08;border-radius:10px;gap:12px;padding:12px;font-size:14px;display:flex}.step .n{background:var(--teal);color:#03201c;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.pts{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.ugrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.ucard2{grid-template-columns:52px 1fr;gap:14px;padding:16px;display:grid}.ucard2 .ic{background:#ffffff0d;border-radius:12px;place-items:center;width:52px;height:52px;font-size:30px;display:grid}.ucard2 h3{color:var(--text);text-transform:none;letter-spacing:0;margin:0 0 4px;font-size:16px}.ucard2 p{margin:0 0 8px;font-size:13.5px}.ucard2 .prims{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.apis{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.apis .api-item{cursor:default;margin:0}.tbl{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.tbl th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.rooms{flex-direction:column;gap:10px;display:flex}.room{grid-template-columns:110px 1fr auto auto;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:grid;color:var(--text)!important}.room:hover{border-color:#2fd4c073}.room .code{font-family:var(--mono);letter-spacing:.18em;color:var(--teal);font-size:20px;font-weight:600}.room .btn{height:32px;padding:0 14px}.host-lobby{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}@media (max-width:820px){.host-lobby{grid-template-columns:1fr}.room{grid-template-columns:90px 1fr auto}.room .sm{display:none}}.qr-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.qr-card img{background:#fff;border-radius:12px;width:220px;height:220px;padding:6px}.bigcode{font-family:var(--mono);letter-spacing:.2em;color:var(--teal);padding-left:.2em;font-size:46px;font-weight:600;line-height:1}.lobby-card{padding:20px}.sec-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.roster{flex-wrap:wrap;gap:8px;min-height:40px;display:flex}.wait .roster{justify-content:center;margin:16px 0 10px}.rchip{background:#2fd4c01a;border:1px solid #2fd4c04d;border-radius:20px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:14px;animation:.3s fin;display:inline-flex}.wait .rchip{padding-right:12px}.rchip .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 6px var(--green);border-radius:50%}.rchip.off{opacity:.55}.rchip.off .dot{background:var(--dim);box-shadow:none}.rchip.me{border-color:var(--amber);background:#f2a93b1f}.rchip .x{cursor:pointer;width:20px;height:20px;color:var(--muted);background:#ffffff0f;border:none;border-radius:50%;padding:0;font-size:11px}.rchip .x:hover{color:#fff;background:#ff6b5a4d}.settings{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 16px;display:grid}.settings label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.settings input[type=number]{width:76px;padding:7px 9px!important;font-size:14px!important}.settings .ck{color:var(--text);grid-column:1/-1}.settings .ck input{width:17px;height:17px;accent-color:var(--teal)}.wait{place-items:center;padding-top:6vh;display:grid}.wait .form-card{width:min(560px,100%);padding:32px 26px}.spinner{border:3px solid #2fd4c02e;border-top-color:var(--teal);border-radius:50%;width:42px;height:42px;margin:18px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.board h2{text-align:center;margin-bottom:20px;font-size:28px}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px;margin-bottom:18px;display:grid}.pod{text-align:center}.pod .nm{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;font-weight:700;overflow:hidden}.pod .bar{background:linear-gradient(#2fd4c059,#2fd4c014);border:1px solid #2fd4c066;border-radius:12px 12px 4px 4px;flex-direction:column;justify-content:space-between;padding:12px 8px;display:flex}.pod .bar b{font-family:var(--mono);font-size:26px}.pod .bar span{color:var(--muted);font-size:14px}.pod.p1 .bar{background:linear-gradient(#f2a93b73,#f2a93b14);border-color:#f2a93b8c;height:170px}.pod.p2 .bar{height:130px}.pod.p3 .bar{height:100px}.rk-list{max-height:40vh;overflow-y:auto}.rk-row .pos{font-family:var(--mono);color:var(--muted)}.rk-row .val{font-family:var(--mono);font-weight:600}.screen #toasts{position:fixed;bottom:30px}#hostctl{align-items:center;gap:6px;display:flex}#hostctl:empty{display:none}#hostctl .tb-btn{justify-content:center;min-width:36px;padding:0 10px}