:root{color-scheme:dark;--ink: #17121a;--soot: #221a25;--soot-2: #2c2230;--line: #4a3a42;--brass: #c9a063;--lamp: #ffb85c;--lamp-dim: #a8743a;--copper: #e07b39;--crystal: #6fe3d6;--glitch: #c04cff;--danger: #ff6a5a;--ok: #8fe38a;--paper: #f1e4cf;--muted: #a8969a;--display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r: 10px;--shadow: 0 10px 30px rgb(0 0 0 / .45)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}[hidden]{display:none!important}#app{position:fixed;inset:0}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#ui>*{pointer-events:auto}.plate{background:linear-gradient(180deg,var(--soot-2),var(--soot));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.plate.brass{border-color:var(--lamp-dim)}.label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;margin:0;text-wrap:balance}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#332838;color:var(--paper);cursor:pointer;transition:background .15s,transform .08s,border-color .15s;white-space:nowrap}.btn:hover{background:#3e3144;border-color:var(--lamp-dim)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#ffc778,#e8954a);color:#2a1608;border-color:#ffd49a;font-weight:700}.btn.primary:hover{background:linear-gradient(180deg,#ffd48f,#f0a358)}.btn.ghost{background:transparent}.btn.danger{border-color:#7a3a3a;color:#ffb3a8}.btn.small{padding:4px 8px;font-size:12px;border-radius:6px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.rec{background:#3a1d22;border-color:#7a3040}.btn.rec.on{background:#d8394a;color:var(--paper);border-color:#ff8a96;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #d8394a40}}.hud{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;padding:6px 12px}.brand h1{font-size:20px;color:var(--lamp);text-shadow:0 0 18px rgb(255 184 92 / .35)}.gauge{display:flex;flex-direction:column;justify-content:center;padding:5px 12px;min-width:92px}.gauge .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.gauge.lumen .v{color:var(--lamp)}.gauge.frag .v{color:var(--glitch)}.gauge.alba .v{color:#ffe9a8}.gauge.energy .v{color:var(--crystal)}.gauge.energy .bar>i{background:linear-gradient(90deg,#3e9f96,var(--crystal))}.gauge.energy .label .ico-wrap{color:var(--crystal)}.status-pill.power{background:#1d3434;color:#9fe8df}.gauge .bar{height:3px;background:#3a2e3a;border-radius:2px;margin-top:3px;overflow:hidden}.gauge .bar>i{display:block;height:100%;background:linear-gradient(90deg,#ffcf7a,#fff3c4)}.layerbox{padding:5px 12px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.layerbox h2{font-size:16px}.clock{display:flex;align-items:center;gap:8px;padding:5px 10px}.clock .dial{width:26px;height:26px;border-radius:50%;border:2px solid var(--brass);position:relative;background:conic-gradient(#2a3c6a 0 var(--night),#6a4a2a var(--night) 100%)}.clock .dial:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:11px;background:var(--paper);transform-origin:50% 0;transform:translate(-50%) rotate(var(--hand))}.hud .spacer{flex:1}.controls{display:flex;gap:6px;align-items:center;padding:5px 8px}.controls .btn{padding:6px 9px}.controls .btn.active{border-color:var(--lamp);color:var(--lamp)}.orders{position:absolute;top:var(--hud-b, 78px);left:12px;width:290px;padding:12px 14px}.orders h3{font-size:17px;color:var(--lamp);margin:4px 0}.orders p{margin:0 0 6px;line-height:1.4}.orders .hint{color:var(--muted);font-size:12.5px}.orders .progress{display:flex;gap:3px;margin-top:8px;flex-wrap:wrap}.orders .progress i{width:9px;height:9px;border-radius:2px;background:#3a2e3a}.orders .progress i.done{background:var(--lamp)}.orders .progress i.now{background:var(--crystal)}.orders .collapse{position:absolute;top:8px;right:8px}.orders.min p,.orders.min .progress{display:none}.side{position:absolute;top:var(--hud-b, 78px);right:12px;bottom:86px;width:400px;display:flex;flex-direction:column;overflow:hidden}.side header{display:flex;align-items:center;gap:10px;padding:12px 14px 8px;border-bottom:1px solid var(--line)}.side header h2{font-size:20px}.side header .x{margin-left:auto}.lvl-badge{font-family:var(--mono);font-size:12px;padding:2px 7px;border-radius:99px;border:1px solid var(--brass);color:var(--brass)}.status-pill{font-size:11px;padding:2px 8px;border-radius:99px;background:#2f3a34;color:var(--ok)}.status-pill.stuck{background:#43381c;color:#ffd06a}.status-pill.corrupt{background:#3a1f45;color:#e7a3ff}.status-pill.overheat{background:#45261c;color:#ffab7a}.status-pill.paused{background:#25303e;color:#9fc4ff}.status-pill.idle{background:#2e2a32;color:var(--muted)}.bot-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0}.tabs{display:flex;gap:2px;padding:6px 10px 0}.tabs button{background:none;border:none;padding:7px 10px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.on{color:var(--paper);border-bottom-color:var(--lamp)}.side .body{flex:1;overflow-y:auto;padding:10px 12px 14px}.traits{display:flex;flex-wrap:wrap;gap:6px}.trait{display:inline-flex;gap:5px;align-items:center;font-size:12px;padding:3px 8px;border-radius:6px;background:#33283a;border:1px solid var(--line)}.kv{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:10px 0}.kv span:nth-child(odd){color:var(--muted)}.kv span:nth-child(2n){font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:10px}.editor{display:flex;flex-direction:column;gap:8px}.mem{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.mem .meter{flex:1;height:6px;border-radius:3px;background:#3a2e3a;overflow:hidden}.mem .meter i{display:block;height:100%;background:var(--crystal)}.mem.over .meter i{background:var(--danger)}.code{background:#120e15;border:1px solid #3a2e3a;border-radius:8px;padding:6px;font-family:var(--mono);font-size:12.5px;max-height:46vh;overflow:auto}.blk{display:flex;align-items:center;gap:5px;padding:4px 6px;border-radius:6px;background:#211a26;border:1px solid #33283a;border-left:3px solid var(--cat, var(--crystal));flex-wrap:wrap;position:relative}.blk.cur{box-shadow:0 0 0 1px var(--lamp),0 0 14px #ffb85c59;background:#2f2418}.blk.corrupt{border-color:var(--glitch);background:#2a1433;animation:glitch .4s steps(2) infinite}@keyframes glitch{50%{transform:translate(1px)}}.blk .ic{width:18px;text-align:center}.blk .nm{color:var(--paper);font-weight:600}.blk .tools{margin-left:auto;display:flex;gap:2px;opacity:.4}.blk:hover .tools,.blk:focus-within .tools{opacity:1}.blk .tools button{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 4px;font-size:13px}.blk .tools button:hover{color:var(--paper)}.nest{margin-left:14px;padding-left:8px;border-left:1px dashed #4a3a52}.else-label{color:var(--muted);font-size:11px;margin:2px 0 0 14px}.slot{height:8px;margin:1px 0;border-radius:4px;cursor:pointer;position:relative}.slot:hover{background:#6fe3d626}.slot.on{height:18px;background:#ffb85c1f;border:1px dashed var(--lamp)}.slot.on:after{content:"▸ se inserta aquí";position:absolute;left:8px;top:0;font-size:10.5px;color:var(--lamp);line-height:16px}.dirs{display:inline-flex;gap:1px}.dirs button{width:22px;height:22px;border-radius:4px;border:1px solid #3a2e3a;background:#1a141e;color:var(--muted);cursor:pointer;padding:0}.dirs button.on{background:var(--crystal);color:#0e2a26;border-color:var(--crystal)}.dirs button.rumbo{width:auto;padding:0 6px 0 4px;margin-left:3px;display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#c9a0ff;border-color:#5a3f78}.dirs button.rumbo.on{background:#c9a0ff;border-color:#c9a0ff;color:#221233}.dirs .sep{align-self:center;margin:0 3px 0 6px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.blk select,.blk input{background:#1a141e;border:1px solid #3a2e3a;border-radius:4px;padding:2px 4px;font-family:var(--mono);font-size:12px;max-width:140px}.blk input[type=number]{width:52px}.blk .not{border:1px solid #3a2e3a;background:#1a141e;border-radius:4px;font-size:11px;padding:2px 5px;cursor:pointer;color:var(--muted)}.blk .not.on{background:var(--glitch);color:var(--paper);border-color:var(--glitch)}.palette{display:flex;flex-wrap:wrap;gap:4px}.palette button{display:inline-flex;gap:4px;align-items:center;padding:4px 8px;border-radius:6px;border:1px solid #3a2e3a;border-left:3px solid var(--cat);background:#211a26;cursor:pointer;font-family:var(--mono);font-size:12px}.palette button:hover{background:#2e2434}.empty-code{color:var(--muted);padding:10px;font-family:var(--body);font-size:13px;line-height:1.5}.toolbar{position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;gap:6px;padding:7px;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.toolbar.more-r{mask-image:linear-gradient(90deg,rgb(0 0 0) calc(100% - 40px),transparent)}.toolbar.more-l{mask-image:linear-gradient(90deg,transparent,rgb(0 0 0) 40px)}.toolbar.more-l.more-r{mask-image:linear-gradient(90deg,transparent,rgb(0 0 0) 40px,rgb(0 0 0) calc(100% - 40px),transparent)}.tool{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--paper)}.tool:hover{background:#33283a}.tool.on{border-color:var(--lamp);background:#3a2c22}.tool .i{font-size:20px;line-height:1}.tool .t{font-size:11.5px}.tool .c{font-family:var(--mono);font-size:10.5px;color:var(--lamp)}.tool.locked{opacity:.45}.tool .dot{width:7px;height:7px;border-radius:50%;background:var(--lamp);position:absolute}.ada{position:absolute;left:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100% - 24px));display:flex;gap:12px;padding:12px 14px;cursor:pointer;border-color:#3e6a66;animation:rise .3s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.ada .radio{flex:none;width:44px;height:44px;border-radius:10px;background:#0f2624;border:1px solid #3e6a66;display:flex;align-items:center;justify-content:center;gap:2px}.ada .radio.portrait,.tut .radio.portrait{background-size:cover;background-position:50% 45%;align-items:flex-end;padding-bottom:5px;overflow:hidden}.radio.portrait i{opacity:.9;box-shadow:0 0 4px #000000b3}.ada .radio.portrait,.tut .radio.portrait{width:52px;height:52px}.ada .radio i{width:3px;background:var(--crystal);border-radius:2px;animation:wave .9s ease-in-out infinite}.ada .radio i:nth-child(2){animation-delay:.15s}.ada .radio i:nth-child(3){animation-delay:.3s}.ada .radio i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:6px}50%{height:22px}}.ada .who{font-family:var(--display);color:var(--crystal);font-size:14px}.ada .txt{line-height:1.45;margin-top:2px}.ada .more{font-size:11px;color:var(--muted);margin-top:4px}.toasts{position:absolute;right:12px;top:var(--hud-b, 78px);display:flex;flex-direction:column;gap:6px;width:min(330px,calc(100% - 24px));pointer-events:none}.toasts.shift{right:424px}.toast{pointer-events:auto;padding:8px 12px;font-size:13px;line-height:1.35;border-left:3px solid var(--lamp);animation:rise .25s ease-out;cursor:pointer}.toast.bad{border-left-color:var(--danger)}.toast.glitch{border-left-color:var(--glitch)}.toast.good{border-left-color:var(--ok)}.floaty{position:absolute;pointer-events:none;font-family:var(--display);font-size:18px;color:var(--lamp);text-shadow:0 2px 6px rgb(0 0 0 / .8);animation:floatup 1.3s ease-out forwards;white-space:nowrap;transform:translate(-50%,-50%)}.floaty.merge{color:var(--crystal)}@keyframes floatup{to{transform:translate(-50%,-160%);opacity:0}}.mode-hint{position:absolute;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:7px 14px;font-size:13px;border-color:var(--lamp-dim)}.recbar{position:absolute;top:var(--hud-b, 78px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 12px;border-color:#7a3040;max-width:calc(100% - 24px)}.recbar .dotrec{width:10px;height:10px;border-radius:50%;background:#ff4a5a;animation:pulse 1s infinite}.recbar code{font-family:var(--mono);font-size:12px;color:var(--crystal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.modal-back{position:absolute;inset:0;background:#0a060c9e;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);z-index:40}.modal{width:min(760px,100%);max-height:calc(100% - 20px);display:flex;flex-direction:column;overflow:hidden;animation:rise .25s ease-out}.modal.wide{width:min(980px,100%)}.modal.narrow{width:min(480px,100%)}.modal header{display:flex;align-items:center;gap:10px;padding:14px 18px 10px;border-bottom:1px solid var(--line)}.modal header h2{font-size:24px;color:var(--lamp)}.modal header .x{margin-left:auto}.modal .body{padding:14px 18px 18px;overflow-y:auto;line-height:1.5}.modal footer{display:flex;gap:8px;justify-content:flex-end;padding:10px 18px 14px;border-top:1px solid var(--line);flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.card{padding:12px;border-radius:10px;background:#251d2a;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.card.done{border-color:#3e6a66;background:#1c2626}.card.ready{border-color:var(--lamp-dim)}.card h3{font-size:17px}.card .flavor{color:var(--muted);font-style:italic;font-size:12.5px}.card .eq{font-family:var(--mono);font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#1a141e;border:1px solid #3a2e3a;font-family:var(--mono);font-size:12px}.chip.out{border-color:var(--crystal);color:var(--crystal)}.split{display:grid;grid-template-columns:240px 1fr;gap:16px}.list{display:flex;flex-direction:column;gap:4px}.list button{text-align:left;background:#251d2a;border:1px solid transparent;border-radius:7px;padding:8px 10px;cursor:pointer;color:var(--paper)}.list button.on{border-color:var(--lamp)}.list button small{display:block;color:var(--muted);font-size:11.5px}.prose{max-width:62ch}.prose p{margin:0 0 12px}.diary{font-family:var(--body);background:#efe2c6;color:#3a2a1e;border-radius:6px;padding:16px 18px;box-shadow:inset 0 0 30px #78502840;line-height:1.6}.diary h3{color:#6a3a1a;margin-bottom:8px}.cloud-line{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(420px,100%)}.cloud-offer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border:1px solid var(--lamp-dim);border-radius:8px;background:#17121acc;font-size:13px}.ranking{margin:0;padding:0;list-style:none;counter-reset:pos;display:flex;flex-direction:column;gap:3px}.ranking li{display:flex;justify-content:space-between;gap:10px;padding:5px 10px;border-radius:6px;background:#221a25;font-size:13px}.ranking li:not(.muted):before{counter-increment:pos;content:counter(pos) ".";color:var(--lamp);font-family:var(--mono);min-width:22px}.ranking li span:first-of-type{flex:1}.ranking li.me{outline:1px solid var(--lamp)}.ranking li.muted{color:var(--muted)}.rank-line{margin:0;color:var(--crystal)}.beacon-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.beacon-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#221a25;border:1px solid #3a2e3a;border-bottom:3px solid var(--bc);border-radius:8px;color:var(--paper);cursor:pointer}.beacon-pick:hover,.beacon-pick:focus-visible{border-color:var(--bc);background:#2a2130}.beacon-pick .flag{display:inline-flex;align-items:center;gap:6px;color:var(--bc)}.beacon-pick .flag b{font-family:var(--display);font-weight:400;font-size:30px;line-height:1}.beacon-pick .state{font-size:12.5px}.beacon-pick small{font-size:11.5px;color:var(--muted)}.honor-cat h3{font-size:18px;color:var(--lamp);margin:6px 0 2px}.honor-cat>.muted,.honor .muted{color:var(--muted);font-size:12.5px;margin:0 0 8px}.honors{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.honor{background:#221a25;border:1px solid #3a2e3a;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.honor p{margin:0;line-height:1.45}.honor.done{border-color:#6a5430;background:linear-gradient(#2a2118,#221a25)}.honor.focus{outline:2px solid var(--lamp)}.honor.locked{opacity:.6;font-style:italic}.honor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.honor-head b{font-family:var(--display);font-size:15px;font-weight:400;color:var(--paper)}.ranks{display:inline-flex;gap:3px}.ranks i{font-style:normal;font-family:var(--mono);font-size:10.5px;min-width:20px;text-align:center;padding:1px 4px;border-radius:4px;border:1px solid #4a3c44;color:var(--muted)}.ranks i.on{background:var(--lamp);border-color:var(--lamp);color:#2a1a10}.honor .earned{color:var(--crystal);font-size:12px}.honor-bar{height:6px;border-radius:3px;background:#120e15;overflow:hidden}.honor-bar i{display:block;height:100%;background:linear-gradient(90deg,#e07b39,var(--lamp))}.honor-num,.honor-reward{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.honor-reward{color:#c9a0ff}.art-img{display:block;width:100%;max-width:560px;height:auto;border-radius:8px;margin-bottom:12px}.codex-art{aspect-ratio:4 / 3;max-height:36vh;object-fit:cover;border:1px solid #3a2e3a}.diary-art{border-radius:4px;mix-blend-mode:multiply}.alba-art{max-width:none;aspect-ratio:16 / 9;object-fit:cover}textarea.code-in{width:100%;min-height:70px;background:#120e15;border:1px solid #3a2e3a;border-radius:6px;padding:8px;font-family:var(--mono);font-size:12px}input.txt{background:#120e15;border:1px solid #3a2e3a;border-radius:6px;padding:7px 9px;width:100%}.bigstat{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:8px 0 14px}.bigstat div{background:#251d2a;border-radius:8px;padding:10px 12px}.bigstat b{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;color:var(--lamp)}.bigstat span{font-size:12px;color:var(--muted)}.incident{display:flex;gap:8px;align-items:baseline;padding:7px 10px;border-radius:7px;background:#251d2a;cursor:pointer;border:1px solid transparent;text-align:left;width:100%}.incident:hover{border-color:var(--lamp-dim)}.incident .t{font-family:var(--mono);color:var(--muted);font-size:12px;flex:none}.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;background:radial-gradient(ellipse at 50% 40%,#17121a1a,#17121ad9 70%);z-index:30;text-align:center}.title h1{font-size:clamp(44px,9vw,96px);color:var(--lamp);line-height:.95;text-shadow:0 0 40px rgb(255 184 92 / .45),0 4px 0 #6a3a14}.title .tag{font-size:clamp(15px,2.2vw,19px);color:var(--paper);max-width:36ch}.title .menu{display:flex;flex-direction:column;gap:8px;width:min(300px,100%)}.title .menu .btn{padding:12px 16px;font-size:16px}.title .foot{color:var(--muted);font-size:12px}.title.art{background:radial-gradient(ellipse at 50% 45%,#17121a73,#17121ad9 75%),var(--art) center / cover no-repeat,#17121a}@media(orientation:portrait){.title.art:not(.ending){background-position:center,82% center}}.title.ending{background:radial-gradient(ellipse at 50% 40%,#28143c66,#0a060eeb 70%)}.title.ending.art{justify-content:flex-end;padding-bottom:max(8vh,32px);background:linear-gradient(#0a060e00 25%,#0a060ec7 55%,#0a060eeb),var(--art) center / cover no-repeat,#0a060e}.intro-text{max-width:58ch;font-size:clamp(16px,2.2vw,20px);line-height:1.6;min-height:7em}.touchpad{position:absolute;left:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px}.touchpad button,.touchact{border-radius:12px;border:1px solid var(--line);background:#2c2230d9;color:var(--paper);font-size:20px}.touchpad .u{grid-column:2;grid-row:1}.touchpad .l{grid-column:1;grid-row:2}.touchpad .r{grid-column:3;grid-row:2}.touchpad .d{grid-column:2;grid-row:3}.touchact{position:absolute;right:18px;bottom:calc(110px + env(safe-area-inset-bottom,0px));width:70px;height:70px;border-radius:50%;font-size:13px;font-weight:700;background:#e8954ae6;color:#2a1608}.compass{position:absolute;right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);cursor:pointer}.compass>span{display:block;transition:transform .4s;color:var(--lamp)}@media(max-width:760px){.hud{top:8px;left:8px;right:8px;gap:5px}.brand,.clock,.hud .spacer{display:none}.gauge{min-width:0;flex:1;padding:3px 8px}.gauge .v{font-size:14px}.gauge .label,.layerbox .label{font-size:9px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerbox{flex:1 1 55%;padding:3px 8px}.layerbox h2{font-size:13px}.controls{padding:3px 5px;gap:3px}.controls .btn{padding:4px 7px}.orders{top:var(--hud-b, 108px);left:8px;width:calc(100% - 16px);padding:8px 12px}.orders h3{font-size:15px;margin:2px 0}.ada{top:calc(var(--hud-b, 108px) + 62px);bottom:auto;left:8px;width:calc(100% - 16px);z-index:6;padding:10px 12px}.ada .radio{width:34px;height:34px}.toasts,.toasts.shift{right:8px;top:calc(var(--hud-b, 108px) + 62px);width:calc(100% - 16px)}.side{top:auto;left:8px;right:8px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));height:56%;z-index:5}.split{grid-template-columns:1fr}.compass,.mode-hint{font-size:12px}.compass{display:none}.toolbar{bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:5px;gap:2px}.tool{min-width:56px;padding:4px 5px}.touchpad{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.touchact{bottom:calc(100px + env(safe-area-inset-bottom,0px))}.recbar{top:var(--hud-b, 108px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ico-wrap{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}.ico{display:block}.tool .i{color:var(--paper);height:22px}.tool:hover .i,.tool.on .i{color:var(--lamp)}.tool.rec .i{color:#ff6a78}.gauge .label{display:inline-flex;align-items:center;gap:4px}.gauge.lumen .label .ico-wrap{color:var(--lamp)}.gauge.frag .label .ico-wrap{color:var(--glitch)}.gauge.alba .label .ico-wrap{color:#ffe9a8}.blk .ic{display:inline-flex;color:var(--cat, var(--crystal))}.palette button .ico-wrap{color:var(--cat)}.chip .ico-wrap,.trait .ico-wrap{color:var(--lamp)}.seal{display:inline-flex;color:var(--brass);margin-right:4px;vertical-align:-2px}.rank{font-family:var(--mono);color:var(--lamp)}.compass .ico-wrap{color:var(--lamp)}.brand{gap:6px}.brand-emblem{display:block;width:30px;height:30px}.brand-emblem svg,.logo-emblem svg{display:block;width:100%;height:100%}.title-logo{display:flex;justify-content:center;text-shadow:none}.logo{display:inline-flex;align-items:center;gap:.22em}.logo-emblem{width:1.2em;height:1.2em;filter:drop-shadow(0 0 22px rgb(255 184 92 / .45))}.logo-o{display:inline-block;width:.6em;height:.7em;margin:0 .02em;vertical-align:-.04em;filter:drop-shadow(0 .05em 0 #6a3a14)}.logo-o svg{display:block;width:100%;height:100%}.logo-word{font-family:var(--display);color:var(--lamp);letter-spacing:.01em;text-shadow:0 0 40px rgb(255 184 92 / .45),0 4px 0 #6a3a14}@media(max-width:520px){.title-logo .logo{flex-direction:column;gap:.1em}}.tut{position:absolute;left:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100% - 24px));padding:14px 16px 12px;border-color:#3e6a66;z-index:25;animation:rise .3s ease-out;display:flex;flex-direction:column;gap:8px}.tut-head{display:flex;gap:12px;align-items:center}.tut .radio{flex:none;width:40px;height:40px;border-radius:10px;background:#0f2624;border:1px solid #3e6a66;display:flex;align-items:center;justify-content:center;gap:2px}.tut .radio i{width:3px;background:var(--crystal);border-radius:2px;animation:wave .9s ease-in-out infinite}.tut .radio i:nth-child(2){animation-delay:.15s}.tut .radio i:nth-child(3){animation-delay:.3s}.tut .radio i:nth-child(4){animation-delay:.45s}.tut h3{font-size:19px;color:var(--lamp);margin-top:2px}.tut-text{margin:0;line-height:1.5;max-width:62ch}.tut-bar{height:4px;border-radius:2px;background:#3a2e3a;overflow:hidden}.tut-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--crystal),var(--lamp))}.tut-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tut-actions .spacer{flex:1}.tut-wait{font-size:12.5px;color:var(--crystal);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.45}}.tut-ring{position:absolute;border:2px solid var(--lamp);border-radius:12px;pointer-events:none;z-index:24;box-shadow:0 0 0 4px #ffb85c2e,0 0 26px #ffb85c8c;animation:ringpulse 1.3s ease-in-out infinite;transition:left .15s,top .15s,width .15s,height .15s}@keyframes ringpulse{50%{box-shadow:0 0 0 9px #ffb85c14,0 0 34px #ffb85cb3}}.modal-back~.tut-ring,.tut-ring{z-index:45}.tut-marker{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;z-index:15}.tut-arrow{color:var(--lamp);font-size:22px;line-height:1;text-shadow:0 0 12px rgb(255 184 92 / .9);animation:bob .9s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-7px)}}.tut-tag{font-family:var(--display);font-size:14px;color:#2a1608;background:var(--lamp);padding:2px 9px;border-radius:99px;white-space:nowrap;box-shadow:0 3px 10px #00000080}.tut-marker.step{transform:translate(-50%,-50%)}.tut-marker.step .tut-arrow{display:none}.tut-marker.step .tut-tag{font-family:var(--mono);font-weight:600;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#6fe3d6eb}@media(max-width:760px){.tut{top:var(--hud-b, 108px);bottom:auto;left:8px;width:calc(100% - 16px);padding:10px 12px}.tut-text{font-size:14px}}.tut.over-modal{z-index:46;top:12px;bottom:auto;width:min(300px,calc(100% - 24px));padding:10px 12px}.tut.over-modal .tut-text{font-size:13px}.tut.over-modal .radio{display:none}@media(max-width:760px){.tut{top:calc(var(--hud-b, 108px) + 56px)}.tut.over-modal{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px)}}#ui>.tut-ring,#ui>.tut-marker{pointer-events:none}@media(max-width:760px){.gauge .label .lt{display:none}.gauge .label .ico-wrap svg{width:14px;height:14px}}.blk.sel{box-shadow:0 0 0 1px var(--crystal);background:#17302d}.blk .tools button.on{color:var(--crystal)}.selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:8px;background:#143532;border:1px solid #3e6a66;color:var(--crystal);font-size:12.5px}.selbar .wraps{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}.selbar .wraps .btn{border-left:3px solid var(--cat)}.selbar input{background:#0f2624;border:1px solid #3e6a66;border-radius:5px;padding:3px 6px;color:var(--paper)}.palette button.fn{border-style:dashed;border-left-style:solid}.tut-head .tut-titles{flex:1;min-width:0}.tut-fold .ico-wrap{transform:rotate(90deg);transition:transform .2s}.tut.collapsed .tut-fold .ico-wrap{transform:rotate(-90deg)}.tut.collapsed .tut-text,.tut.collapsed .tut-bar,.tut.collapsed .radio,.tut.collapsed .tut-wait{display:none}.tut.collapsed{gap:4px;padding-block:8px}.tut.collapsed h3{font-size:15px}.tut.inline{position:static;width:auto;max-width:none;margin:0 0 12px;box-shadow:none;animation:none;z-index:auto;background:#173230}.side-fold{display:none}@media(max-width:760px){.modal-back{padding:0;align-items:stretch}.modal,.modal.wide,.modal.narrow{width:100%;max-height:100%;height:100%;border-radius:0;border:none}.modal header{padding:10px 14px 8px}.modal header h2{font-size:20px}.modal .body{padding:12px 14px 16px;flex:1}.modal footer{padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px))}.tut{padding:8px 10px;gap:6px}.tut .radio{display:none}.tut h3{font-size:16px}.tut-text{font-size:13.5px;line-height:1.4}.tut .label{font-size:10px}.side-fold{display:inline-flex;margin-left:auto}.side-fold .ico-wrap{transform:rotate(90deg)}.side.collapsed .side-fold .ico-wrap{transform:rotate(-90deg)}.side header .x{margin-left:0}.side header{padding:8px 12px 6px;flex-wrap:wrap;gap:6px}.side header h2{font-size:17px}.side{height:min(58dvh,58%);bottom:calc(76px + env(safe-area-inset-bottom,0px))}.side.collapsed{height:auto}.side.collapsed .tabs,.side.collapsed .body{display:none}.side.collapsed .bot-actions{padding-bottom:10px}#ui.side-open .orders,#ui.side-open .touchpad,#ui.side-open .touchact{display:none}#ui.side-open .tut:not(.inline),#ui.side-open .ada{top:var(--hud-b, 108px)}.toolbar{left:8px;right:8px;transform:none;max-width:none}}@media(max-width:760px){#ui.tut-on .orders{display:none}.tut:not(.inline){top:var(--hud-b, 108px)}.tut.collapsed{flex-direction:row;align-items:center;padding:6px 8px}.tut.collapsed .tut-head{flex:1;min-width:0}.tut.collapsed .label,.tut.collapsed .tut-actions .btn.ghost.small:first-child{display:none}.tut.collapsed h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tut.collapsed .tut-actions .spacer{display:none}}@media(max-height:500px)and (orientation:landscape){.hud{top:6px;left:8px;right:8px;gap:5px;flex-wrap:nowrap}.brand,.clock{display:none}.gauge,.layerbox,.controls{padding:2px 8px}.gauge{min-width:0}.gauge .v{font-size:13px}.gauge .label .lt,.layerbox .label,.gauge .bar{display:none}.layerbox h2{font-size:13px;white-space:nowrap}.controls .btn{padding:3px 7px}.orders,.tut:not(.inline),.ada{left:8px;top:var(--hud-b, 46px);bottom:auto;width:min(300px,40vw);max-height:calc(100% - 110px);overflow-y:auto}.orders{padding:6px 10px}.orders h3{font-size:14px}.orders p,.orders .progress,#ui.tut-on .orders{display:none}.tut{padding:8px 10px;gap:6px}.tut .radio,.ada .radio{display:none}.tut h3{font-size:15px}.tut-text{font-size:13px;line-height:1.4}.side{top:var(--hud-b, 46px);bottom:56px;right:8px;left:auto;width:min(380px,50vw);height:auto}.toasts,.toasts.shift{top:var(--hud-b, 46px);right:8px;width:min(280px,36vw)}#ui.side-open .toasts{display:none}.toolbar{bottom:calc(4px + env(safe-area-inset-bottom,0px));padding:3px;gap:2px}.tool{min-width:50px;padding:2px 4px}.tool .i{height:18px}.tool .i svg{width:18px;height:18px}.tool .t{font-size:10px}.tool .c,.compass,.mode-hint{display:none}.touchpad{left:8px;bottom:56px;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}.touchact{right:12px;bottom:60px;width:58px;height:58px}#ui.side-open .touchact{display:none}#ui.tut-on .touchpad,#ui:has(.tut:not(.inline)) .touchpad{left:auto;right:80px}.modal-back{padding:0;align-items:stretch}.modal,.modal.wide,.modal.narrow{width:100%;max-height:100%;height:100%;border-radius:0;border:none}.modal header{padding:6px 14px}.modal header h2{font-size:18px}.modal .body{padding:10px 14px}.modal footer{padding:6px 14px}.recbar{top:var(--hud-b, 46px)}}.title .menu .menu-row{display:flex;gap:8px}.title .menu .menu-row .btn{flex:1;padding:10px 8px;font-size:14.5px;justify-content:center}.hall .sorts{flex-wrap:wrap;gap:6px}.hall .ranking li:before{content:none!important}.hall .ranking li .pos{flex:0 0 3.2em;color:var(--lamp);font-family:var(--mono)}.hall .ranking li span:nth-of-type(2){flex:1}.hall .ranking li.ref-ada{color:var(--crystal);font-style:italic;background:#6fe3d60f}.guild{display:flex;flex-direction:column;gap:3px;max-height:min(52vh,480px);overflow-y:auto}.guild-head,.guild-row{display:grid;grid-template-columns:3.2em minmax(7em,1fr) 8.5em 9.5em 3.5em 7.5em;align-items:center;gap:8px;padding:6px 10px;border-radius:8px}.guild-head{position:sticky;top:0;z-index:1;background:var(--soot-2);color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.guild-row{background:#ffffff09}.guild-row .pos{color:var(--lamp);font-family:var(--mono)}.guild-row .num{white-space:nowrap}.guild-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-row.top1 .pos{color:#ffd76a}.guild-row.top1{background:#ffd76a17}.guild-row.me{outline:1px solid var(--lamp);background:#ffb85c1a}.medals{display:flex;gap:8px;font-family:var(--mono);font-size:13px}.medal{display:inline-flex;align-items:center;gap:3px}.medal i{width:10px;height:10px;border-radius:50%;display:inline-block}.medal.gold i{background:#ffd76a}.medal.silver i{background:#cfd6de}.medal.bronze i{background:#cd8a55}.medal.none{opacity:.35}.hall .small{font-size:12px;margin:0}.rarity{display:block;font-size:11.5px;color:var(--muted)}.rarity:empty{display:none}.rarity.rare{color:#c9a0ff}@media(max-width:640px){.guild-head,.guild-row{grid-template-columns:2.2em minmax(4em,1fr) 3.4em 6.6em 4.4em;gap:5px;padding:5px 6px;font-size:12px}.guild-head{font-size:10px;letter-spacing:0}.guild .wide{display:none}.medals{gap:4px;font-size:11.5px}.guild-head span:nth-child(5),.guild-row>:nth-child(5){display:none}}.status-pill.rumbo{display:inline-flex;align-items:center;gap:2px;color:#c9a0ff;border-color:#5a3f78}@media(pointer:coarse)and (min-width:761px){.tut:not(.over-modal){left:180px;width:min(440px,calc(100% - 204px))}}