.metro3d-root{background:#f7f6f3;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;inset:0;overflow:hidden}.metro3d-canvas{position:absolute;inset:0}.metro3d-canvas canvas{display:block}.twilight-overlay{pointer-events:none;z-index:5;opacity:0;background:linear-gradient(#0000,#ffc3910f 25%,#ffaa6e38 55%,#ff8a4c99);transition:opacity 2s;position:fixed;inset:0}.m3d-pill{color:#111;-webkit-backdrop-filter:blur(10px);z-index:10;background:#ffffffe6;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .14s cubic-bezier(.2,0,0,1),box-shadow .22s;display:inline-flex;position:fixed;box-shadow:0 1px 2px #0000000d,0 4px 12px #0000000f}.m3d-pill:hover{box-shadow:0 1px 2px #00000014,0 8px 20px #0000001a}.m3d-pill:active{transform:scale(.97)}.m3d-back{top:20px;left:20px}.m3d-exit,.m3d-tour{cursor:pointer;top:20px;left:50%;transform:translate(-50%)}.m3d-exit:active,.m3d-tour:active{transform:translate(-50%)scale(.97)}.m3d-tour{color:#b26a00}.m3d-title{z-index:10;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:10px;padding:12px 16px;position:fixed;bottom:22px;left:22px;box-shadow:0 4px 20px #0000000f}.m3d-name{color:#222;font-size:14px;font-weight:700}.m3d-status{color:#888;align-items:center;gap:6px;margin-top:5px;font-size:10px;font-weight:500;display:flex}.m3d-status .svc-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.m3d-status .svc-dot.on{background:#22c55e;box-shadow:0 0 4px #22c55e99}.m3d-status .svc-dot.off{background:#999}.m3d-toolbar{z-index:10;gap:4px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.m3d-toolbar button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.m3d-toolbar button:hover{color:#111;background:#fff}.m3d-toolbar button:active{transform:scale(.93)}.m3d-hint{z-index:10;color:#00000059;text-shadow:0 1px 2px #ffffff80;pointer-events:none;font-size:10px;position:fixed;bottom:26px;right:22px}@media (max-width:640px){.m3d-hint{display:none}.m3d-title{bottom:74px}}