:root{--ground:#0f1613;--panel:#161f1a;--panel-2:#1c2620;--ink:#e4e9dd;--ink-soft:#9daa97;--line:#2a362d;--ember:#e8965a;--verd:#6fb5a4;--warn:#e0b64f;--danger:#e07a5f}*{box-sizing:border-box}html,body{height:100%}body{background:var(--ground);color:var(--ink);margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.55}#topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:1.5rem;padding:.7rem 1.2rem;display:flex}.brand{letter-spacing:.08em;color:var(--ember);font-weight:700}.brand .sub{letter-spacing:0;color:var(--ink-soft);margin-left:.7rem;font-size:.85rem;font-weight:400}#nav{flex:1;gap:.3rem;display:flex}#nav button{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.35rem .9rem;font-size:.95rem}#nav button:hover{color:var(--ink)}#nav button.active{color:var(--ember);border-color:var(--line);background:var(--ground)}#chainStatus{color:var(--verd);font-variant-numeric:tabular-nums;font-size:.8rem}#views{height:calc(100vh - 53px);position:relative;overflow:hidden}.view{height:100%;padding:1.4rem;display:none;overflow-y:auto}.view.active{display:block}#view-world{padding:0;position:relative;overflow:hidden}#worldCanvasHolder,#worldCanvasHolder canvas{width:100%;height:100%;display:block}#worldHud{border:1px solid var(--line);color:var(--ink-soft);background:#0f1613d9;border-radius:8px;max-width:21rem;padding:.6rem .9rem;font-size:.82rem;position:absolute;top:.8rem;left:.8rem}#worldPanel{border:1px solid var(--line);background:#0f1613f0;border-radius:8px;width:23rem;padding:1rem;position:absolute;top:.8rem;bottom:.8rem;right:.8rem;overflow-y:auto}#worldPanel.hidden{display:none}h1{margin:0 0 .8rem;font-size:1.6rem}h2{color:var(--ember);margin:1.4rem 0 .5rem;font-size:1.15rem}h3{margin:1rem 0 .4rem;font-size:1rem}p{max-width:46rem;margin:0 0 .8rem}.soft{color:var(--ink-soft)}.mono{word-break:break-all;font-family:Consolas,monospace;font-size:.82rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:52rem;margin:.7rem 0;padding:.9rem 1.1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.7rem;max-width:64rem;display:grid}table{border-collapse:collapse;font-size:.85rem}td,th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.35rem .7rem}th{color:var(--ink-soft);font-weight:600}button.action{background:var(--ember);color:#1c1008;cursor:pointer;border:none;border-radius:6px;padding:.45rem 1rem;font-weight:600}button.action:disabled{opacity:.45;cursor:default}button.quiet{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:.4rem .9rem}select,input[type=text]{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.badge{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;display:inline-block}.badge.live{color:var(--verd);border-color:var(--verd)}.badge.fused{color:var(--ember);border-color:var(--ember)}.badge.gen0{color:var(--warn);border-color:var(--warn)}.warnbox{border-left:3px solid var(--danger);background:var(--panel-2);border-radius:4px;margin:.6rem 0;padding:.5rem .9rem}.okbox{border-left:3px solid var(--verd);background:var(--panel-2);border-radius:4px;margin:.6rem 0;padding:.5rem .9rem}ul{margin:0 0 .8rem;padding-left:1.2rem}li{margin-bottom:.3rem}a{color:var(--verd)}.palette{vertical-align:middle;gap:4px;display:inline-flex}.palette span{border:1px solid var(--line);border-radius:3px;width:14px;height:14px;display:inline-block}.steps{counter-reset:step}.steps .card{padding-left:3rem;position:relative}.steps .card:before{counter-increment:step;content:counter(step);background:var(--panel-2);border:1px solid var(--line);width:1.5rem;height:1.5rem;color:var(--ember);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:.9rem;left:.9rem}