.j3d-host{--g:#d4a64a;--fg:#eeece6;--mut:#9a978f;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--disp:"Barlow Condensed",system-ui,sans-serif;color:var(--fg);position:relative;height:calc(100svh + 70vh)}.j3-pin{position:sticky;top:0;height:100svh;min-height:560px;box-sizing:border-box;padding:calc(var(--hdr,64px) + 14px) 0 16px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.j3d{position:relative;border-radius:18px;overflow:hidden;background:#131416;box-shadow:0 40px 80px -40px #000,0 0 0 1px rgba(255,255,255,.06);min-height:0;contain:layout paint}.j3d::after{content:"";position:absolute;left:0;right:0;top:0;height:140px;background:linear-gradient(180deg,rgba(19,20,22,.85),rgba(19,20,22,0));pointer-events:none}.j3d::before{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(0deg,rgba(19,20,22,.88),rgba(19,20,22,0));pointer-events:none;z-index:1}.j3d canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab;transition:opacity .25s}.j3d.swap canvas{opacity:0;transition:none}.j3d .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s}.j3d.ready .poster{opacity:0;pointer-events:none}.j3d .hud{position:absolute;left:18px;top:16px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;z-index:2}.j3d .hud .t{font:600 10.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.j3d .hud .t b{display:block;color:var(--fg);font:700 24px/1.1 var(--disp);letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.j3d .gauge{width:250px;background:rgba(17,18,20,.86);padding:10px 12px;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.j3d .gauge .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);width:auto}.j3d .gauge .val{font:600 34px/1 var(--disp);color:var(--fg);letter-spacing:.02em}.j3d .gauge .val small{font-size:14px;color:var(--mut);margin-left:4px}.j3d .gauge .track{position:relative;display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.08);margin:8px 0 4px;overflow:hidden;padding:0;width:auto;transform:none!important}.j3d .gauge .track i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#9a7027,#f3d27a)}.j3d .gauge .note{font:400 10.5px/1.45 var(--mono);color:var(--mut);margin-top:0}.j3d .tag{position:absolute;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s;will-change:transform}.j3d .tag.on{opacity:1}.j3d .tag::before{content:"";position:absolute;left:-9px;top:-9px;width:14px;height:14px;border-radius:50%;border:2px solid #f3d27a;box-shadow:0 0 0 6px rgba(212,166,74,.2),0 0 18px rgba(0,0,0,.6)}.j3d .tag::after{content:"";position:absolute;left:6px;top:-1px;width:60px;height:2px;background:#f3d27a;transform-origin:0 50%;transform:rotate(-34deg)}.j3d .tag .tx{position:absolute;left:58px;bottom:30px;width:max-content;max-width:300px;padding:10px 13px;border-radius:10px;background:rgba(15,16,18,.88);box-shadow:0 0 0 1px rgba(212,166,74,.45);font:400 11.5px/1.4 var(--mono);color:var(--mut)}.j3d .tag.l::after{transform:rotate(-146deg)}.j3d .tag.l .tx{left:auto;right:58px}.j3d .tag b{display:block;font:700 22px/1.05 var(--disp);letter-spacing:.04em;color:#f3d27a;text-transform:uppercase;margin-bottom:3px}.j3d .foot{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;z-index:2}.j3d .state{font:500 12.5px/1.3 var(--mono);letter-spacing:.05em;color:var(--fg);display:flex;gap:8px;align-items:center}.j3d .state::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px rgba(212,166,74,.2)}.j3d-host .tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.j3d-host .tabs button{font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:10px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(20,21,24,.75);color:var(--mut);cursor:pointer}.j3d-host .tabs button:hover{color:var(--fg);border-color:rgba(212,166,74,.5)}.j3d-host .tabs button.on{color:#141416;background:linear-gradient(180deg,#f3d27a,#d4a64a);border-color:transparent}.j3d .prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06);z-index:3}.j3d .prog i{display:block;height:100%;background:linear-gradient(90deg,#9a7027,#f3d27a);transform-origin:0 50%;transform:scaleX(0)}.j3d-host .parts{position:relative;border-radius:18px;background:linear-gradient(180deg,#1d1f23,#141518);box-shadow:0 0 0 1px rgba(255,255,255,.07);padding:18px;overflow:auto;min-height:0}.j3d-host .parts .h4{margin:0;font:600 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.j3d-host .parts .h4 b{display:block;font:700 20px/1.15 var(--disp);letter-spacing:.04em;color:var(--g);margin-top:3px}.j3d-host .parts ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:16px}.j3d-host .parts figure{margin:0 0 10px;border-radius:12px;overflow:hidden;background:#0f1012;box-shadow:0 0 0 1px rgba(212,166,74,.45)}.j3d-host .parts img{display:block;width:100%;height:auto}.j3d-host .parts b{display:block;font:700 18px/1.1 var(--disp);letter-spacing:.04em;text-transform:uppercase}.j3d-host .parts span{display:block;font:600 11px/1.35 var(--mono);color:var(--g);letter-spacing:.04em;margin-top:4px}.j3d-host .parts small{display:block;font:400 12.5px/1.4 system-ui,sans-serif;color:var(--mut);margin-top:4px}.j3d-host .parts a{display:inline-block;margin-top:6px;font:600 10.5px var(--mono);letter-spacing:.08em;color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(212,166,74,.5)}.j3d-host .parts a:hover{color:var(--g)}.j3d-host .cap{margin:16px 0 0;font:400 13px/1.55 system-ui,sans-serif;color:var(--mut)}@media (max-height:760px) and (min-width:901px){.j3d-host .parts ul.n2{grid-template-columns:1fr 1fr;gap:10px}.j3d-host .parts ul.n2 small{display:none}}@media (max-width:900px){.j3d-host{height:calc(100svh + 60vh)}.j3-pin{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:calc(var(--hdr,60px) + 8px) 0 10px;gap:10px}.j3d .hud{left:12px;right:12px;top:12px;flex-direction:column;gap:8px}.j3d .hud .t b{font-size:18px}.j3d .gauge{width:auto;padding:7px 10px}.j3d .gauge .note{display:none}.j3d .gauge .val{font-size:22px}.j3d .gauge .track{margin:5px 0 0}.j3d .foot{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch;gap:8px}.j3d .state{font-size:11px}.j3d-host .tabs{justify-content:flex-start}.j3d-host .tabs button{padding:8px 10px}.j3d .tag b{font-size:16px}.j3d .tag .tx{font-size:10px;max-width:190px;left:44px;bottom:22px;padding:7px 9px}.j3d .tag::after{width:44px}.j3d .tag.l .tx{right:44px}.j3d-host .parts{padding:10px 12px;overflow:hidden}.j3d-host .parts .h4{display:none}.j3d-host .cap{display:none}.j3d-host .parts ul{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.j3d-host .parts ul.n1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.j3d-host .parts li{display:block}.j3d-host .parts figure{margin:0 0 6px}.j3d-host .parts a,.j3d-host .parts small{display:none}.j3d-host .parts ul.n1 li{display:contents}.j3d-host .parts b{font-size:15px}.j3d-host .parts span{font-size:10px}}@media (prefers-reduced-motion:reduce){.j3d-host{height:auto}.j3-pin{position:relative;height:auto;grid-template-rows:auto}.j3d{aspect-ratio:16/10}}.lite .j3d-host,.lite.j3d-host{height:auto}.lite .j3-pin{position:relative;height:auto}.lite .j3d{aspect-ratio:16/10}.lite .j3d canvas{visibility:hidden}.lite .j3d .tabs{display:none}