:root{--cos-primary:#3b82f6;--cos-primary-rgb:59, 130, 246;--cos-secondary:#f59e0b;--cos-success:#10b981;--cos-danger:#ef4444;--cos-bg:#1a1a2e;--cos-bg-panel:#0f0f1ed9;--cos-text:#e5e7eb;--cos-text-muted:#94a3b8;--cos-border:#3b82f64d;--cos-hud-bg:#0a0a19cc;--cos-hud-border:#3b82f633;--cos-glow:0 0 10px #3b82f64d}._cos-container{background:var(--cos-bg);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;width:100%;height:100%;position:relative;overflow:hidden}#_cos-canvas{touch-action:none;width:100%;height:100%;display:block}._cos-hud-top{padding:.5rem 1rem;padding-top:max(.5rem, env(safe-area-inset-top));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));background:var(--cos-hud-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cos-hud-border);z-index:10;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;top:0;left:0;right:0}._cos-hud-left,._cos-hud-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}._cos-hud-center{text-align:center;flex:1;min-width:0}._cos-hud-item{color:var(--cos-text);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._cos-hud-item svg{width:14px;height:14px;color:var(--cos-primary);flex-shrink:0}._cos-task-label{color:var(--cos-primary);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}._cos-hud-btn{border-style:solid;border-width:1px;border-color:var(--cos-hud-border);width:32px;height:32px;color:var(--cos-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}._cos-hud-btn:active{background:rgba(var(--cos-primary-rgb), .2);border-color:var(--cos-primary);color:var(--cos-primary)}._cos-hud-btn:hover{color:var(--cos-primary);border-color:var(--cos-primary)}._cos-hud-btn svg{width:16px;height:16px}._cos-cable-indicator{z-index:10;flex-direction:column;align-items:center;gap:.375rem;display:flex;position:absolute;top:50%;left:.75rem;translate:0 -50%}._cos-cable-indicator-label{color:var(--cos-text-muted);display:flex}._cos-cable-indicator-label svg{width:12px;height:12px}._cos-cable-indicator-track{background:#ffffff1a;border-radius:3px;width:6px;height:100px;position:relative;overflow:hidden}._cos-cable-indicator-fill{background:var(--cos-primary);border-radius:3px;height:0%;transition:height .1s;position:absolute;bottom:0;left:0;right:0}._cos-kb-hint{background:var(--cos-hud-bg);border-style:solid;border-width:1px;border-color:var(--cos-hud-border);color:var(--cos-text-muted);white-space:nowrap;z-index:10;border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.6875rem;display:flex;position:absolute;bottom:.75rem;left:50%;translate:-50%}._cos-kb-hint svg{flex-shrink:0;width:14px;height:14px}@media (max-width:768px){._cos-hud-top{gap:.5rem;padding:.375rem .625rem}._cos-hud-left{gap:.625rem}._cos-hud-item{gap:.25rem;font-size:.75rem}._cos-task-label{font-size:.75rem}._cos-hud-btn{width:36px;height:36px}._cos-cable-indicator{gap:.25rem;left:.5rem}._cos-cable-indicator-track{width:5px;height:70px}._cos-kb-hint{display:none}}@media (max-width:380px){._cos-hud-top{gap:.375rem;padding:.375rem .5rem}._cos-hud-left{gap:.5rem}._cos-hud-item,._cos-task-label{font-size:.6875rem}._cos-cable-indicator-track{height:56px}}@media (max-width:900px) and (max-height:480px) and (orientation:landscape){._cos-hud-top{padding:.25rem .625rem}._cos-cable-indicator-track{height:50px}}._cos-controls{padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));z-index:10;pointer-events:none;background:linear-gradient(#0000,#0000008c);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;display:none;position:absolute;bottom:0;left:0;right:0}._cos-controls>*{pointer-events:auto}._cos-controls-rotate,._cos-controls-cable,._cos-controls-trolley{gap:.5rem;display:flex}._cos-controls-action{display:flex}._cos-ctrl-btn{width:48px;height:48px;color:var(--cos-text);cursor:pointer;-webkit-backdrop-filter:blur(4px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex}._cos-ctrl-btn:active{background:rgba(var(--cos-primary-rgb), .3);border-color:var(--cos-primary)}._cos-ctrl-btn svg{pointer-events:none;width:16px;height:16px}._cos-ctrl-btn-small{letter-spacing:.05em;flex-direction:column;gap:.125rem;width:auto;min-width:44px;height:48px;padding:0 .625rem;font-size:.5625rem;font-weight:700}._cos-ctrl-btn-small svg{width:14px;height:14px}._cos-ctrl-btn-grab{background:rgba(var(--cos-primary-rgb), .2);border-color:rgba(var(--cos-primary-rgb), .4);gap:.375rem;width:auto;min-width:56px;padding:0 1rem}._cos-ctrl-btn-grab:active{background:rgba(var(--cos-primary-rgb), .45)}._cos-ctrl-btn-grab span{pointer-events:none;font-size:.75rem;font-weight:600}._cos-ctrl-btn-grab svg{width:14px;height:14px}@media (max-width:768px){._cos-controls{display:flex}}@media (max-width:480px){._cos-controls{padding:.5rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom));gap:.375rem}._cos-controls-rotate,._cos-controls-cable,._cos-controls-trolley{gap:.375rem}._cos-ctrl-btn{border-radius:10px;width:44px;height:44px}._cos-ctrl-btn-small{min-width:40px;height:44px;padding:0 .5rem}._cos-ctrl-btn-grab{padding:0 .75rem}._cos-ctrl-btn-grab span{font-size:.6875rem}}@media (max-width:380px){._cos-controls{padding:.375rem;padding-bottom:max(.375rem, env(safe-area-inset-bottom));gap:.25rem}._cos-controls-rotate,._cos-controls-cable,._cos-controls-trolley{gap:.25rem}._cos-ctrl-btn{border-radius:9px;width:40px;height:40px}._cos-ctrl-btn-small{min-width:36px;height:40px;padding:0 .375rem;font-size:.5rem}._cos-ctrl-btn-grab{min-width:48px;padding:0 .625rem}._cos-ctrl-btn-grab span{font-size:.625rem}}@media (max-width:900px) and (max-height:480px) and (orientation:landscape){._cos-controls{padding:.375rem .5rem;padding-bottom:max(.375rem, env(safe-area-inset-bottom));flex-wrap:nowrap;gap:.375rem}._cos-ctrl-btn{width:40px;height:40px}._cos-ctrl-btn-small{min-width:36px;height:40px}}._cos-overlay{-webkit-backdrop-filter:blur(4px);z-index:20;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._cos-overlay-box{text-align:center;background:var(--cos-bg-panel);border-style:solid;border-width:1px;border-color:var(--cos-border);box-shadow:var(--cos-glow);border-radius:16px;width:90%;max-width:340px;padding:2rem 2.5rem}._cos-overlay-icon{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}._cos-overlay-icon svg{width:48px;height:48px;color:var(--cos-primary)}._cos-overlay-title{color:var(--cos-text);margin:0 0 1rem;font-size:1.25rem;font-weight:700}._cos-overlay-stats{color:var(--cos-text-muted);flex-direction:column;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}._cos-overlay-stat{justify-content:space-between;align-items:center;gap:1rem;display:flex}._cos-overlay-stat-value{color:var(--cos-text);font-weight:600}._cos-overlay-btn{background:var(--cos-primary);color:#fff;cursor:pointer;letter-spacing:.02em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.625rem 1.75rem;font-size:.875rem;font-weight:700;display:inline-flex}._cos-overlay-btn:hover{opacity:.9}._cos-overlay-btn:active{opacity:.8}@media (max-width:768px){._cos-overlay-box{padding:1.5rem 1.75rem}._cos-overlay-title{font-size:1.125rem}}@media (max-width:380px){._cos-overlay-box{max-width:92%;padding:1.25rem}._cos-overlay-icon svg{width:40px;height:40px}._cos-overlay-title{margin-bottom:.75rem;font-size:1rem}._cos-overlay-stats{margin-bottom:1.125rem;font-size:.8125rem}._cos-overlay-btn{padding:.5rem 1.25rem;font-size:.8125rem}}@media (max-height:480px) and (orientation:landscape){._cos-overlay-box{padding:1rem 1.5rem}._cos-overlay-icon{margin-bottom:.5rem}._cos-overlay-icon svg{width:32px;height:32px}._cos-overlay-title{margin-bottom:.5rem;font-size:1rem}._cos-overlay-stats{gap:.25rem;margin-bottom:.75rem;font-size:.8125rem}}