*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--card-bg: rgba(26, 29, 36, .88);--card-border: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--cyan: #06b6d4;--bar-bg: #2a2d35}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;height:100vh;width:100vw}#scene{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#play-btn{width:100%;background:#fff;border:1px solid rgba(255,255,255,.2);color:#0f1117;font-size:13px;font-weight:600;padding:12px 16px;border-radius:12px;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.3px;transition:background .2s,border-color .2s}#play-btn:hover{background:#ffffffd9;border-color:#fff6}.key-hint{font-size:10px;font-weight:500;color:#6b7280;background:#0000000f;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:2px 6px;letter-spacing:.3px}.hud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.panel{position:absolute;top:0;height:100%;display:flex;flex-direction:column;gap:12px;padding:20px;width:280px;pointer-events:auto;overflow-y:auto;scrollbar-width:none}.panel::-webkit-scrollbar{display:none}.panel-left{left:0}.panel-right{right:0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.player-card{display:flex;align-items:center;gap:14px}.player-avatar{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.08);object-fit:cover;flex-shrink:0}.player-pos{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.player-name{font-size:17px;font-weight:700;margin:2px 0;letter-spacing:-.2px}.player-meta{font-size:11px;color:var(--text-secondary)}.card-header{margin-bottom:10px}.card-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.stat-row{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.stat-row.centered{justify-content:center}.stat-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat-unit{font-size:13px;color:var(--text-muted);font-weight:500}.stat-delta{font-size:12px;font-weight:600;margin-left:auto;opacity:0;transition:opacity .4s ease}.stat-delta.visible{opacity:1}.stat-delta.positive{color:var(--green)}.stat-delta.negative{color:var(--red)}.stat-note{font-size:10px;color:var(--text-muted);margin-top:6px}.stat-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.stat-badge.pull{background:#22c55e1f;color:var(--green)}.bar-track{width:100%;height:20px;background:repeating-linear-gradient(90deg,var(--bar-bg) 0px,var(--bar-bg) 3px,transparent 3px,transparent 5px);border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);background:repeating-linear-gradient(90deg,rgba(255,255,255,.8) 0px,rgba(255,255,255,.8) 3px,transparent 3px,transparent 5px);border-radius:4px}.bar-fill.bar-cyan{background:repeating-linear-gradient(90deg,rgba(6,182,212,.8) 0px,rgba(6,182,212,.8) 3px,transparent 3px,transparent 5px)}.tick-gauge{position:relative;margin:6px 0 2px}.tick-gauge svg{width:100%;display:block}.tick-gauge-value{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.gauge-labels{display:flex;justify-content:space-between;padding:2px 8px 0}.gauge-labels span{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.angle-viz{margin:4px 0 8px}.angle-viz svg{width:100%;display:block}