:root{--bg:#0b0c0e;--panel:#111214;--panel-2:#18191c;--tab:#1c1d21;--hover:#1f2125;--border:#26282d;--border-2:#31343a;--text:#e6e6e6;--muted:#8a8f98;--faint:#5d626b;--accent:#ffce3a;--accent-dim:#ffce3a24;--accent-line:#ffce3a8c;--red:#e5534b;--green:#57ab5a;--blue:#4a7dff;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--crosshair:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23'%3E%3Cg stroke='%23000' stroke-width='3' stroke-opacity='.55'%3E%3Cpath d='M11.5 2v6M11.5 15v6M2 11.5h6M15 11.5h6'/%3E%3C/g%3E%3Cg stroke='%23e6e6e6' stroke-width='1'%3E%3Cpath d='M11.5 2v6M11.5 15v6M2 11.5h6M15 11.5h6'/%3E%3C/g%3E%3Ccircle cx='11.5' cy='11.5' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E") 11 11, crosshair;--crosshair-hot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23'%3E%3Cg stroke='%23000' stroke-width='3' stroke-opacity='.55'%3E%3Cpath d='M11.5 2v6M11.5 15v6M2 11.5h6M15 11.5h6'/%3E%3C/g%3E%3Cg stroke='%23ffce3a' stroke-width='1'%3E%3Cpath d='M11.5 2v6M11.5 15v6M2 11.5h6M15 11.5h6'/%3E%3C/g%3E%3Ccircle cx='11.5' cy='11.5' r='3' fill='none' stroke='%23ffce3a'/%3E%3C/svg%3E") 11 11, pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font:400 12px/1.4 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.accent{color:var(--accent)}kbd{font:10px var(--mono);color:var(--muted)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a2c31 padding-box padding-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#3a3d44}::-webkit-scrollbar-track{background:0 0}body.resizing{-webkit-user-select:none;user-select:none}body.resizing-x,body.resizing-x *{cursor:col-resize!important}body.resizing-y,body.resizing-y *{cursor:row-resize!important}.app.desktop{height:100dvh;transition:grid-template-columns .5s var(--ease), grid-template-rows .5s var(--ease);background:var(--bg);grid-template-areas:"top top top""left center right""dock dock dock""status status status";gap:0;display:grid}body.resizing .app.desktop{transition:none}.app.desktop>.topbar{grid-area:top}.slot{min-width:0;min-height:0;transition:opacity .4s var(--ease), transform .5s var(--ease), filter .4s;position:relative;overflow:hidden}.slot-left{grid-area:left}.slot-center{grid-area:center}.slot-right{grid-area:right}.slot-dock{grid-area:dock}.app.desktop>.statusbar{grid-area:status}.app.desktop>.topbar,.app.desktop>.statusbar{transition:opacity .4s var(--ease), transform .5s var(--ease);min-height:0;overflow:hidden}.app.playing .slot-left{opacity:0;filter:brightness(.4);transform:translate(-40px)}.app.playing .slot-right{opacity:0;filter:brightness(.4);transform:translate(40px)}.app.playing .slot-dock,.app.playing>.statusbar{opacity:0;transform:translateY(30px)}.app.playing>.topbar{opacity:0;transform:translateY(-20px)}.app.playing .slot-left,.app.playing .slot-right,.app.playing .slot-dock{pointer-events:none}.resizer{z-index:5;background:0 0;transition:background .15s;position:absolute}.resizer:after{content:"";background:0 0;transition:background .15s;position:absolute}.resizer-x{cursor:col-resize;width:7px;top:0;bottom:0}.slot-left .resizer-x{right:-3px}.slot-right .resizer-x{left:-3px}.resizer-x:after{width:1px;top:0;bottom:0;left:3px}.resizer-y{cursor:row-resize;height:7px;top:-3px;left:0;right:0}.resizer-y:after{height:1px;top:3px;left:0;right:0}.resizer:hover:after,body.resizing .resizer:after{background:var(--accent-line)}.panel{background:var(--panel);border:1px solid var(--border);border-top:0;flex-direction:column;height:100%;min-height:0;display:flex}.slot-left .panel{border-left:0}.slot-right .panel{border-right:0}.slot-center .panel,.slot-dock .panel{border-left:0;border-right:0}.tabstrip{background:var(--tab);border-bottom:1px solid var(--border);flex:none;align-items:stretch;gap:2px;height:28px;padding-left:4px;display:flex}.tab{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-bottom:0;border-radius:3px 3px 0 0;align-items:center;gap:6px;margin-top:4px;padding:0 12px;font-size:11.5px;font-weight:500;display:inline-flex;position:relative}button.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:var(--panel);border-color:var(--border);margin-bottom:-1px}.tab.active:before{content:"";background:var(--accent);height:1px;position:absolute;top:-1px;left:-1px;right:-1px}.toolbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.search{border:1px solid var(--border);height:24px;color:var(--faint);background:#0c0d0f;border-radius:3px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.search:focus-within{border-color:var(--border-2);color:var(--muted)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:11.5px}.search input::placeholder{color:var(--faint)}.panel-foot{border-top:1px solid var(--border);height:24px;color:var(--muted);flex:none;align-items:center;padding:0 10px;font-size:11px;display:flex}.empty{color:var(--muted);padding:16px}.btn{background:var(--panel-2);border:1px solid var(--border-2);height:26px;color:var(--text);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:#22242a}.btn.accent{background:var(--accent);border-color:var(--accent);color:#15130a}.btn.accent:hover{background:#ffd75e}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text)}.icon-btn{width:24px;height:24px;color:var(--muted);border-radius:3px;place-items:center;display:grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.ico-folder{color:#c9a45c}.ico-actor{color:#9db4d6}.ico-emitter{color:#f0975a}.ico-camera{color:#b4a2e0}.ico-light{color:#e6d38a}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#0d0e10;align-items:center;height:32px;padding:0 6px 0 10px;display:flex;position:relative}.brand{letter-spacing:.01em;border-radius:3px;align-items:center;gap:7px;margin-right:12px;padding:4px;font-size:12px;font-weight:600;display:flex}.brand:hover{background:var(--hover)}.menus{align-items:center;height:100%;display:flex}.menu{position:relative}.menu-btn{color:#c8cbd0;border-radius:3px;height:24px;padding:0 9px}.menu-btn:hover,.menu-btn.open{background:var(--hover);color:var(--text)}.menu-pop{border:1px solid var(--border-2);z-index:40;background:#16171a;border-radius:4px;min-width:220px;padding:4px;position:absolute;top:calc(100% + 3px);left:0;box-shadow:0 12px 32px #0000008c}.menu-item{white-space:pre;text-align:left;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;width:100%;height:26px;padding:0 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--accent-dim);outline:none}.menu-sep{background:var(--border);height:1px;margin:4px 6px}.topbar-center{position:absolute;left:50%;transform:translate(-50%)}.play-btn{background:var(--accent);color:#15130a;border-radius:3px;align-items:center;gap:6px;height:24px;padding:0 12px 0 10px;font-size:11.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 0 0 1px #ffce3a40,0 0 18px #ffce3a1f}.play-btn:hover{background:#ffd75e}.play-btn:active{transform:translateY(1px)}.play-btn.stop{color:#ff8f86;background:#2a1d1c;box-shadow:inset 0 0 0 1px #5a2f2b}.play-btn.stop:hover{background:#382321}.topbar-right{color:var(--muted);align-items:center;gap:7px;margin-left:auto;padding-right:6px;font-size:11px;display:flex}.live-dot{background:#3ddc84;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #3ddc84}.tree-head,.row{grid-template-columns:22px minmax(0,1fr) 84px;align-items:center;display:grid}.tree-head{height:22px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel-2);font-size:11px}.tree-head span+span{border-left:1px solid var(--border);padding-left:6px}.tree{outline:none;flex:1;padding:2px 0;overflow:auto}.row{cursor:default;color:#d4d6da;-webkit-user-select:none;user-select:none;height:22px}.row:nth-child(2n){background:#ffffff03}.row:hover,.row.hov{background:var(--hover)}.row.sel{background:var(--accent-dim);box-shadow:inset 2px 0 0 var(--accent);color:#fff}.tree:focus-visible .row.sel{background:#ffce3a38}.eye-col{color:var(--faint);place-items:center;display:grid}.label{align-items:center;gap:4px;min-width:0;display:flex}.label .text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chev{width:14px;height:14px;color:var(--muted);flex:none;place-items:center;transition:transform .12s;display:grid}.chev.none{pointer-events:none}.chev.open{transform:rotate(90deg)}.ico{flex:none}.row .type{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;padding-left:7px;font-size:11px;overflow:hidden}.details-head{border-bottom:1px solid var(--border);flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.actor-name{align-items:center;gap:7px;display:flex}.name-field{border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;background:#0c0d0f;border-radius:3px;flex:1;align-items:center;min-width:0;height:24px;padding:0 8px;font-weight:500;display:flex;overflow:hidden}.actor-meta{color:var(--muted);justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.details-body{animation:fade-in .25s var(--ease);flex:1;padding-bottom:12px;overflow:auto}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}}.pgroup-head{background:var(--panel-2);border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:6px;width:100%;height:25px;padding:0 8px;font-size:11.5px;font-weight:600;display:flex}.pgroup-head:hover{background:#1d1f23}.chev-ico{color:var(--muted);transition:transform .12s}.pgroup.open .chev-ico{transform:rotate(90deg)}.pgroup-body{border-bottom:1px solid var(--border)}.prop{border-bottom:1px solid #1a1b1f;grid-template-columns:minmax(70px,34%) 1fr;min-height:24px;display:grid}.prop:last-child{border-bottom:0}.prop-label{color:var(--muted);border-right:1px solid #1a1b1f;padding:5px 8px 5px 22px;font-size:11px}.prop-value{font:11.5px/1.5 var(--mono);color:var(--text);overflow-wrap:anywhere;padding:5px 8px}.prop-value a,.linkish{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:2px;text-align:left;font:inherit}.prop-value a:hover,.linkish:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.vec{gap:4px;display:flex}.vec-f{background:#0c0d0f;border-left:2px solid;border-radius:2px;flex:1;min-width:0;padding:0 4px 0 6px;font-size:10.5px}.axis-x{border-color:var(--red)}.axis-y{border-color:var(--green)}.axis-z{border-color:var(--blue)}.bio{color:#cfd2d6;padding:8px 12px 6px 22px;font-size:12px;line-height:1.55}.bio p{margin:0 0 8px}.bio p:first-child{color:var(--text);font-weight:500}.details-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:10px 8px;display:flex}.hint{color:var(--faint);margin:0;padding:10px 12px;font-size:11px}.viewport{background:#05070d}.vp-stage{flex:1;min-height:0;position:relative;overflow:hidden}.vp-canvas{z-index:0;cursor:var(--crosshair);transition:filter .6s var(--ease);position:absolute;inset:0}.viewport.hovering .vp-canvas{cursor:var(--crosshair-hot)}.viewport.playing .vp-canvas{filter:brightness(.45)saturate(.8)blur(2px)}.app.playing .viewport .tabstrip{display:none}.vp-overlay{z-index:3;color:#c3c6cc;text-shadow:0 1px 2px #000;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute}.vp-overlay [data-tip]{pointer-events:auto}.vp-overlay .sep{color:var(--faint)}.vp-overlay.tl{background:#0a0b0de6;border:1px solid #ffffff0f;border-radius:3px;padding:3px 8px;top:8px;left:10px}.vp-overlay.tr{color:#9fe29f;pointer-events:auto;top:8px;right:10px}.vp-overlay.tr .warn{color:var(--accent)}.vp-overlay.bl{color:var(--muted);bottom:8px;left:10px}.vp-label{font:500 10.5px var(--mono);color:#e6e6e68c;white-space:nowrap;text-shadow:0 1px 3px #000;-webkit-user-select:none;user-select:none;border-radius:2px;padding:1px 6px;transition:color .15s,background .15s}.vp-label.hov{color:#fff;background:#0a0b0db3}.vp-label.sel{color:#15130a;background:var(--accent);text-shadow:none}.vp-fallback{color:var(--red);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:11.5px;display:flex;position:absolute;inset:0}.loader{z-index:6;transition:opacity .45s var(--ease);background:radial-gradient(#0b0e16 0%,#05070d 70%);place-items:center;display:grid;position:absolute;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-box{width:min(280px,70%)}.loader-text{color:#c3c6cc;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.loader-bar{background:#1a1c21;border-radius:2px;height:3px;overflow:hidden}.loader-bar>div{background:var(--accent);height:100%;transition:width .15s linear}.dock-body,.content-browser{flex-direction:column;flex:1;min-height:0;display:flex}.content-browser .search{flex:0 220px;margin-left:auto}.crumbs{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:flex}.crumbs .cur{color:var(--text)}.asset-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;gap:10px;padding:10px;display:grid;overflow:auto}.asset{background:var(--panel-2);border:1px solid var(--border);text-align:left;border-radius:3px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.asset:hover,.asset:focus-visible{border-color:var(--border-2);outline:none;transform:translateY(-1px)}.asset:focus-visible{border-color:var(--accent-line)}.asset-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.asset-thumb video,.shader-thumb{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.asset-len{font:10px var(--mono);color:#ddd;background:#000000b3;border-radius:2px;padding:1px 5px;position:absolute;bottom:5px;right:5px}.asset-stripe{opacity:.8;background:#b0603a;height:2px}.asset-info{min-width:0;padding:6px 8px 8px}.asset-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.asset-meta{color:var(--muted);font:10.5px var(--mono);white-space:nowrap;gap:4px;min-width:0;margin-top:2px;display:flex}.asset-meta .tools{text-overflow:ellipsis;overflow:hidden}.asset-meta .dot{color:var(--faint)}.console{min-height:0;font:11.5px/1.55 var(--mono);cursor:text;background:#0c0d0f;flex-direction:column;flex:1;display:flex}.console-log{flex:1;padding:8px 10px;overflow:auto}.cl{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9ccd1}.cl-in{color:var(--text);margin-top:6px}.cl-sys{color:var(--muted)}.cl-head{color:var(--text);font-weight:500}.cl-dim{color:var(--muted)}.cl-err{color:#f0b44c}.prompt{color:var(--accent)}.console-input{border-top:1px solid var(--border);background:var(--panel);flex:none;align-items:center;gap:8px;height:30px;padding:0 10px;display:flex}.console-input input{min-width:0;font:12px var(--mono);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}.console-input input::placeholder{color:var(--faint)}.statusbar{border-top:1px solid var(--border);height:24px;color:var(--muted);white-space:nowrap;background:#0d0e10;align-items:center;gap:10px;padding:0 10px;font-size:10.5px;display:flex}.statusbar .ready{color:#9fe29f}.statusbar .busy{color:var(--accent)}.sb-sep{background:var(--border-2);width:1px;height:12px}.sb-fill{flex:1}.sb-hint{color:var(--muted)}.tooltip{z-index:100;border:1px solid var(--border-2);max-width:280px;color:var(--text);pointer-events:none;background:#1d1f23;border-radius:3px;padding:5px 8px;font-size:11px;line-height:1.4;animation:.12s ease-out tip-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.tooltip.above{transform:translate(-50%,-100%)}@keyframes tip-in{0%{opacity:0}}.lightbox{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030406c7;place-items:center;padding:16px;animation:.2s ease-out tip-in;display:grid;position:fixed;inset:0}.lb-window{background:var(--panel);border:1px solid var(--border-2);border-radius:4px;width:min(880px,100%);max-height:100%;overflow:auto;box-shadow:0 30px 80px #0009}.lb-titlebar{background:var(--tab);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:32px;padding:0 4px 0 10px;display:flex}.lb-path{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.lb-media{aspect-ratio:16/9;background:#000;position:relative}.lb-media video,.lb-media .shader-thumb{width:100%;height:100%;position:absolute;inset:0}.lb-note{color:var(--muted);background:#0009;border-radius:2px;padding:2px 7px;font-size:10.5px;position:absolute;top:10px;left:10px}.lb-nav{color:#ddd;opacity:.7;background:#00000073;border-radius:3px;place-items:center;width:32px;height:48px;display:grid;position:absolute;top:50%;translate:0 -50%}.lb-nav:hover{opacity:1}.lb-nav.prev{left:8px;transform:scaleX(-1)}.lb-nav.next{right:8px}.lb-info{grid-template-columns:1fr auto;gap:20px;padding:14px 16px 16px;display:grid}.lb-info h2{margin:0 0 4px;font-size:15px;font-weight:600}.lb-info p{color:#c3c6cc;margin:0;font-size:12.5px;line-height:1.5}.lb-info dl{grid-template-columns:auto auto;align-content:start;gap:3px 14px;margin:0;font-size:11px;display:grid}.lb-info dt{color:var(--muted)}.lb-info dd{font-family:var(--mono);margin:0}.play-layer{z-index:8;animation:play-in .5s var(--ease) both;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}@keyframes play-in{0%{opacity:0;transform:scale(.98)}}.play-hud{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:12px 14px;display:grid}.play-hud .play-btn{justify-self:end}.hud-left{color:#c3c6cc;align-items:center;gap:8px;font-size:11px;display:flex}.rec{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.4s infinite blink}@keyframes blink{50%{opacity:.25}}.hud-score{gap:10px;font-size:13px;font-weight:500;display:flex}.hud-score .you{color:var(--accent)}.hud-score .bot{color:#ff8f86}.c4-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding-bottom:24px;display:flex}.c4-status{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px}.c4-status.p1{color:var(--accent)}.c4{--cell:min(70px, calc((100vw - 64px) / 7), calc((100dvh - 230px) / 7));width:calc(var(--cell) * 7 + 20px);position:relative}.c4-ghosts{grid-template-columns:repeat(7, var(--cell));height:var(--cell);padding:0 10px;display:grid}.c4-ghost{border:1px dashed #0000;border-radius:50%;margin:12%;transition:border-color .1s,background .1s}.c4-ghost.on{border-color:var(--accent-line);background:#ffce3a1f}.c4-grid{grid-template-columns:repeat(7, var(--cell));grid-template-rows:repeat(6, var(--cell));border:1px solid var(--border-2);background:linear-gradient(#1a1c20,#131417);border-radius:6px;padding:10px;display:grid;position:relative;box-shadow:0 30px 60px #0000008c,inset 0 1px #ffffff0a}.c4-cell{background:#07080a;border-radius:50%;margin:9%;position:relative;box-shadow:inset 0 3px 6px #000000e6,0 1px #ffffff0a}.disc{border-radius:50%;transition:opacity .3s,filter .3s;position:absolute;inset:0}.disc.p1{background:radial-gradient(circle at 35% 30%, #ffe48a, var(--accent) 45%, #c79410 100%);box-shadow:inset 0 0 0 4px #0000001f,0 0 14px #ffce3a40}.disc.p2{background:radial-gradient(circle at 35% 30%, #ff9c95, var(--red) 45%, #9d2a24 100%);box-shadow:inset 0 0 0 4px #00000024,0 0 14px #e5534b33}.disc.drop{animation:drop calc(.16s + var(--drop) * 50ms) cubic-bezier(.55, 0, 1, .45) both}@keyframes drop{0%{transform:translateY(calc(var(--drop) * -122% - 140%))}85%{transform:translateY(0)}93%{transform:translateY(-7%)}to{transform:translateY(0)}}.disc.win{animation:.9s ease-in-out infinite alternate win-pulse;box-shadow:0 0 0 2px #fff,0 0 22px}.disc.p1.win{color:var(--accent)}.disc.p2.win{color:var(--red)}@keyframes win-pulse{to{filter:brightness(1.3)}}.disc.dim{opacity:.35;filter:saturate(.5)}.c4-cols{grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0 10px}.c4-col{cursor:pointer}.c4-col:disabled{cursor:default}.c4-col:hover:not(:disabled){background:linear-gradient(#0000,#ffce3a0a 20%,#ffce3a0a)}.c4-help{color:var(--faint);font-size:10.5px}.result-card{border:1px solid var(--border-2);text-align:center;z-index:3;width:min(380px,100% - 32px);animation:card-in .35s var(--ease) both;background:#111214f5;border-radius:6px;padding:20px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 30px 80px #000000b3}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.result-tag{letter-spacing:.18em;border-radius:2px;margin-bottom:10px;padding:2px 8px;font-size:10.5px;display:inline-block}.result-tag.win{color:#15130a;background:var(--accent)}.result-tag.loss{color:#ffd2ce;background:#5a2420}.result-tag.draw{color:var(--text);background:#2a2c31}.result-card h2{margin:0 0 6px;font-size:18px;font-weight:600}.result-card p{color:#c3c6cc;margin:0 0 16px;line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.result-score{color:var(--faint);margin-top:14px;font-size:10.5px}.app.mobile{flex-direction:column;height:100dvh;display:flex}.app.mobile .topbar{flex:none;height:42px;padding:0 8px}.app.mobile .brand{margin-right:2px}.app.mobile .brand span{display:none}.app.mobile .menu-btn{padding:0 7px}.app.mobile .topbar-center{margin-left:auto;position:static;transform:none}.app.mobile .topbar-right{display:none}.app.mobile .play-btn{height:28px}.app.mobile>.viewport{border:0;border-bottom:1px solid var(--border);flex:none;height:46dvh;min-height:260px}.app.mobile>.viewport .tabstrip{display:none}.app.mobile>.viewport.playing{z-index:30;height:100dvh;position:fixed;inset:0}.app.mobile .vp-overlay.bl{display:none}.m-tabs{background:var(--tab);border-bottom:1px solid var(--border);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.m-tab{height:38px;color:var(--muted);border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.m-tab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--panel)}.m-body{flex:1;min-height:0;position:relative}.m-body>div{flex-direction:column;display:flex;position:absolute;inset:0}.m-body .panel{border:0}.m-body .panel>.tabstrip{display:none}.app.mobile .row{height:34px}.app.mobile .tree-head,.app.mobile .row{grid-template-columns:26px minmax(0,1fr) 76px}.app.mobile .asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.app.mobile .content-browser .crumbs span:not(.cur),.app.mobile .content-browser .crumbs svg{display:none}.app.mobile .console-input{height:40px}.app.mobile .console-input input,.app.mobile .search input{font-size:16px}.app.mobile .search{height:30px}.app.mobile .play-hud{padding-top:max(12px, env(safe-area-inset-top));grid-template-columns:auto 1fr auto;gap:8px}.app.mobile .hud-score{justify-self:center}.app.mobile .hud-left{gap:0;font-size:0}.app.mobile .c4-help{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app.mobile .vp-label:not(.sel){display:none}