:root{--bg:#121110;--panel:#1a1917;--panel-2:#22201d;--line:#34312c;--text:#e9e4da;--muted:#9a9387;--accent:#d9a54a;--up:#7fb07a;--down:#c8605a;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:13px/1.4 var(--sans);margin:0;overflow:hidden}button,select,textarea{font:inherit;color:inherit}#app{grid-template-columns:272px 1fr;height:100dvh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sidebar header{border-bottom:1px solid var(--line);padding:14px 16px 10px}.sidebar h1{font:600 14px var(--mono);letter-spacing:.18em;margin:0}.sidebar .sub{color:var(--muted);font-size:11px;font-family:var(--mono);margin-top:4px}.list{flex:1;padding:6px 0 24px;overflow-y:auto}.cat{color:var(--muted);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:14px 16px 6px}.item{cursor:pointer;color:inherit;border-left:2px solid #0000;padding:7px 16px 8px 14px;text-decoration:none;display:block}.item:hover{background:var(--panel-2)}.item.active{background:var(--panel-2);border-left-color:var(--accent)}.item .row{align-items:baseline;gap:8px;display:flex}.item .id{font:500 11px var(--mono);color:var(--muted);min-width:28px}.item .t{flex:1}.item .v{font-size:11px}.item .tags{flex-wrap:wrap;gap:4px;margin:3px 0 0 36px;display:flex}.tag{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px}.sidebar footer{border-top:1px solid var(--line);font:11px var(--mono);color:var(--muted);padding:10px 16px}.stage{min-width:0;min-height:0;position:relative}.stage canvas.gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none;position:absolute;inset:0}.overlay>*{pointer-events:auto}.toolbar{pointer-events:none;z-index:5;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.toolbar>*{pointer-events:auto}.btn{border:1px solid var(--line);cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap;background:#1a1917d1;border-radius:6px;padding:5px 9px}.btn:hover{border-color:#57524a}.btn.on{border-color:var(--accent);color:#fff}.btn:disabled{opacity:.4;cursor:default}select.btn{padding:4px 6px}.rar{border:1px solid var(--line);background:#1a1917d1;border-radius:6px;gap:3px;padding:3px;display:flex}.rar button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;width:26px;height:22px;display:grid}.rar button i{border-radius:50%;width:10px;height:10px;display:block}.rar button.on{border-color:var(--text)}.spacer{flex:1}.stats-host{pointer-events:auto;width:216px;height:40px;position:relative}.stats-host>div{transform-origin:0 0;transform:scale(.8);position:absolute!important;top:0!important;left:0!important}.info{pointer-events:none;z-index:4;max-width:min(520px,60%);position:absolute;bottom:14px;left:14px}.info .id{font:500 11px var(--mono);color:var(--muted);letter-spacing:.08em}.info .title{font:600 18px var(--sans);margin:2px 0 4px}.info .blurb{color:#cfc8bb}.info .hint{font:11px var(--mono);color:var(--accent);margin-top:6px}.fb{border:1px solid var(--line);z-index:6;backdrop-filter:blur(6px);background:#1a1917e6;border-radius:8px;width:260px;padding:8px;position:absolute;bottom:14px;right:14px}.fb .row{align-items:center;gap:6px;display:flex}.fb textarea{resize:vertical;border:1px solid var(--line);background:#141311;border-radius:5px;width:100%;min-height:52px;margin-top:6px;padding:6px}.fb .vote.on.up{border-color:var(--up);background:#7fb07a2e}.fb .vote.on.down{border-color:var(--down);background:#c8605a2e}.fb .count{color:var(--muted);font:11px var(--mono);margin-left:auto}.fb.collapsed textarea,.fb.collapsed .exp{display:none}.loading,.error{pointer-events:none;font:12px var(--mono);color:var(--muted);z-index:3;place-items:center;display:grid;position:absolute;inset:0}.error{color:#f1b0a8;white-space:pre-wrap;text-align:left;pointer-events:auto;padding:40px}.lil-gui.autoPlace{z-index:6;--width:270px;max-height:calc(100dvh - 240px)!important;top:64px!important;right:10px!important}.menu-btn{display:none}@media (width<=760px){#app{grid-template-columns:1fr}.sidebar{z-index:20;transition:transform .35s cubic-bezier(.16,1,.3,1);position:fixed;inset:0 25% 0 0;transform:translate(-102%)}.sidebar.open{transform:none;box-shadow:0 0 60px #0009}.menu-btn{display:inline-block}.toolbar{top:max(8px, env(safe-area-inset-top));gap:4px;left:8px;right:8px}.toolbar .desk{display:none}.info{max-width:80%;bottom:64px;left:10px}.info .blurb{display:none}.fb{right:8px;bottom:max(8px, env(safe-area-inset-bottom));width:auto;left:8px}.lil-gui.autoPlace{--width:230px;max-height:50dvh!important;top:92px!important;right:8px!important}.stats-host{display:none}}body.clean #app{grid-template-columns:1fr}body.clean .sidebar,body.clean .toolbar,body.clean .info,body.clean .fb,body.clean .lil-gui,body.clean .net-popover{display:none!important}.net-hud{align-items:center;gap:6px;display:flex}.net-pill{font-family:var(--mono);align-items:center;gap:6px;font-size:11px;display:inline-flex}.net-pill.discord-btn{color:#fff;background:#5865f238;border-color:#5865f2}.net-pill.discord-btn:hover{background:#5865f25c}.net-pill.offline{color:var(--muted)}.net-ava{object-fit:cover;border-radius:50%;width:16px;height:16px}.net-pack{color:var(--accent);font-weight:600}.net-online{color:var(--up)}.net-err{border-color:var(--down);color:#ffb4ae;font-size:11px}.net-popover{border:1px solid var(--line);z-index:15;backdrop-filter:blur(10px);background:#1a1917f5;border-radius:8px;width:320px;max-height:calc(100dvh - 110px);padding:12px;position:absolute;top:48px;right:14px;overflow-y:auto;box-shadow:0 12px 36px #0000008c}.net-popover.hidden{display:none}.net-pop-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.net-pop-body p,.net-pop-body ol{color:#cfc8bb;margin:6px 0;padding-left:18px;font-size:12px}.net-pop-body code{font-family:var(--mono);color:var(--accent);font-size:11px}.net-hint{font:11px var(--mono);color:var(--muted);margin-top:8px}.net-sec-title{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 0 6px}.net-friends-list,.net-feed-list{flex-direction:column;gap:5px;max-height:150px;display:flex;overflow-y:auto}.net-friend{background:var(--panel-2);border-radius:4px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.net-friend .dot{background:#555;border-radius:50%;width:7px;height:7px}.net-friend .dot.on{background:var(--up);box-shadow:0 0 6px var(--up)}.net-friend .name{font-weight:500}.net-friend .meta{font:10px var(--mono);color:var(--muted);margin-left:auto}.net-feed-item{background:var(--panel-2);border-left:2px solid var(--accent);border-radius:4px;flex-direction:column;gap:3px;padding:5px 6px;font-size:11px;display:flex}.net-rar{font:10px var(--mono);border:1px solid;border-radius:3px;align-self:flex-start;padding:0 4px}.net-empty{font:11px var(--mono);color:var(--muted);padding:4px 0}.net-pop-foot{border-top:1px solid var(--line);font:11px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}