/* Панель управления сценой (общая для всех вариантов): стеклянный стиль */
.xd{position:fixed;right:clamp(12px,2vw,28px);bottom:var(--xb,24px);z-index:30;display:flex;gap:2px;padding:5px;border-radius:999px;background:rgba(14,13,11,.82);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.4);flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px);transition:opacity .4s}
.xd button{min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;font-size:12.5px;letter-spacing:.03em;color:#e8e4da;white-space:nowrap;transition:background .25s,color .25s}
.xd button:hover{background:rgba(255,255,255,.14)}
.xd button.on{background:#f04c23;color:#fff;box-shadow:0 4px 18px rgba(240,76,35,.5)}
.xd .sep{width:1px;background:rgba(255,255,255,.16);margin:7px 3px}
.xcap{position:fixed;left:50%;bottom:calc(var(--xb,24px) + 78px);transform:translate(-50%,12px);z-index:29;text-align:center;opacity:0;pointer-events:none;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.1,1);max-width:min(700px,calc(100vw - 32px));padding:16px 30px;border-radius:24px;background:rgba(10,10,9,.82);border:1px solid rgba(255,255,255,.12);color:#f2efe8}
.xcap.on{opacity:1;transform:translate(-50%,0)}
.xcap b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(16px,2vw,26px);letter-spacing:-.02em}
.xcap span{display:block;font-size:14px;color:#c4c0b4;margin-top:5px}
.xp{position:fixed;left:20px;bottom:20px;z-index:40;width:min(410px,calc(100vw - 32px));background:rgba(10,10,9,.93);border:1px solid rgba(255,255,255,.14);color:#f2efe8;border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.5);display:none;font-family:var(--body)}
.xp.on{display:block}
.xp .h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 8px;cursor:grab;user-select:none;touch-action:none}
.xp .tm{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.xp .tm.pause{opacity:.4}
.xp .hb{display:flex;gap:6px}
.xp button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:700;color:#f2efe8;transition:all .2s}
.xp button:hover{background:#f04c23;border-color:#f04c23}
.xp .nt{padding:4px 20px;font-size:15px;line-height:1.55;max-height:34vh;overflow:auto;color:#e6e2d6}
.xp .nv{display:flex;gap:8px;padding:10px 20px 16px;align-items:center}
.xp .ky{margin-left:auto;font-size:12px;color:#8e8a80}
.present .top a,.present .back{display:none!important}
.present .xd{opacity:.28}.present .xd:hover{opacity:1}
.xh{position:fixed;right:clamp(12px,2vw,28px);bottom:calc(var(--xb,24px) + 66px);z-index:29;width:min(310px,calc(100vw - 24px));padding:18px 20px 16px;border-radius:24px;background:rgba(12,12,10,.88);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.45);color:#f2efe8;display:none}
.xh.on{display:block}
.xh .xt{font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin-bottom:12px;color:#f04c23}
.xh .xr{position:relative;display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;font-size:12.5px;padding:4px 0 8px}
.xh .xr i{width:10px;height:10px;border-radius:50%}
.xh .xr b{font-weight:700}
.xh .xr u{position:absolute;left:19px;bottom:1px;height:3px;border-radius:2px;background:linear-gradient(90deg,#25d3a0,#ffd23f,#e5251f);max-width:calc(100% - 19px);transition:width .6s}
.xh .xg{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;font-size:12px;color:#a29e94}
.xh .xg i{grid-column:1/3;height:6px;border-radius:3px;background:linear-gradient(90deg,#3b6bff,#25d3a0,#ffd23f,#ff8a1f,#e5251f);margin-bottom:5px}
.xh .xg span:last-of-type{text-align:right}
.xh .xn{font-size:12px;color:#8e8a80;margin-top:9px}
@media(max-width:820px){:root{--xb:12px}.xd{left:12px;right:12px;bottom:12px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;border-radius:22px}.xd::-webkit-scrollbar{display:none}.xd button{padding:0 13px;font-size:12px;flex:none}.xd .sep{display:none}.xp .nt{max-height:22vh}.xh{bottom:72px;right:12px}.xcap{bottom:80px}}

.xw{position:fixed;left:50%;top:22px;transform:translate(-50%,-14px);z-index:31;display:flex;align-items:center;gap:16px;padding:10px 12px 10px 22px;border-radius:999px;background:rgba(10,10,9,.84);border:1px solid rgba(255,255,255,.14);color:#e6e2d6;font-size:12.5px;font-weight:600;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.2,.7,.1,1);white-space:nowrap}
.xw.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.xw button{min-height:40px;padding:0 18px;border-radius:999px;background:#f04c23;color:#fff;font-weight:700;font-size:12px}
.walking .top,.walking .copy,.walking .stats,.walking .ttl,.walking .scrim,.walking .shade{opacity:0;pointer-events:none;transition:opacity .8s}
@media(max-width:820px){.xw span{display:none}.xw{padding:8px}}

.threed .xd{position:absolute;right:22px;bottom:22px;z-index:6}
@media(max-width:820px){.threed .xd{left:12px;right:12px;bottom:12px}}