:root{--ink:#e9eadf;--muted:#a1a79f;--line:rgba(233,234,223,.13);--panel:#17201d;--accent:#d9f550;--orange:#ffb54c}*{box-sizing:border-box}body{margin:0;background:#0c110f;color:var(--ink);font-family:'Space Grotesk',sans-serif}.app-shell{max-width:1540px;margin:auto;padding:32px 38px 36px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.17em;color:var(--accent);margin:0 0 5px}h1{font-size:32px;line-height:1;margin:0;letter-spacing:-.06em}h1 span{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:10px;font:500 11px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted)}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d9f550}.ghost-btn{margin-left:18px;background:none;border:1px solid var(--line);color:var(--ink);padding:10px 14px;font:500 11px 'DM Mono',monospace;text-transform:uppercase;cursor:pointer}.layout{display:grid;grid-template-columns:254px minmax(500px,1fr) 288px;gap:22px;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);padding:22px;min-height:504px}.panel-title{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:23px}.panel-title span{font:500 11px 'DM Mono';color:var(--accent)}h2{font-size:15px;text-transform:uppercase;letter-spacing:.04em;margin:0}.control-group{margin:0 0 25px}.control-group label,.axis-control label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px}.control-group output,.axis-control output{font:500 11px 'DM Mono';color:var(--accent)}.control-group p{font-size:11px;line-height:1.45;color:var(--muted);margin:7px 0 0}input[type=range]{appearance:none;width:100%;height:3px;background:#4d5650;outline:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px #26312b}.stat-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}.stat-grid div{padding:13px 0}.stat-grid div+div{border-left:1px solid var(--line);padding-left:18px}.stat-grid span{display:block;font:10px 'DM Mono';letter-spacing:.09em;color:var(--muted)}.stat-grid strong{font-size:24px;color:var(--accent)}.team-score{display:flex;justify-content:space-between;padding:14px 0 0;font:10px 'DM Mono';color:var(--muted);letter-spacing:.04em}.team-score b{color:var(--accent);font-size:12px}.hint-card{background:#202b26;padding:14px;margin-top:21px}.hint-card p{font-size:12px;line-height:1.4;color:#c5c9c2;margin:7px 0 0}.key{font:10px 'DM Mono';color:var(--accent);letter-spacing:.1em}.table-stage{min-width:0}.table-meta{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.09em;color:var(--muted);margin:0 7px 11px}#tableWrap{width:100%;aspect-ratio:1.9;background:#6e4428;border:13px solid #9a6a43;box-shadow:0 7px 0 #382317,0 16px 40px #0008;position:relative}canvas{display:block;width:100%;height:100%;background:#114d3d}.legend{display:flex;align-items:center;gap:8px;margin:17px 8px 0;font:10px 'DM Mono';letter-spacing:.07em;color:var(--muted)}.legend i{width:25px;border-top:2px dashed var(--accent)}.legend b{width:8px;height:8px;border-radius:50%;background:#fff;margin-left:10px}.cue-tabs{display:grid;grid-template-columns:1fr 1fr;margin:-5px 0 19px;border:1px solid var(--line)}.cue-tab{background:transparent;border:0;border-right:1px solid var(--line);padding:11px 5px;color:var(--muted);font:11px 'DM Mono';cursor:pointer}.cue-tab:last-child{border:0}.cue-tab.active{color:var(--ink);background:#25312b}.cue-tab i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.white{background:#fff}.gold{background:var(--orange)}.cue-card{background:#202b26;padding:16px}.cue-heading{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.05em;color:var(--accent);margin-bottom:22px}.cue-heading button{border:0;background:none;padding:0;color:#d3dbd1;font:10px 'DM Mono';cursor:pointer;text-decoration:underline}.axis-control{margin-bottom:20px}.power-control{padding-top:17px;border-top:1px solid var(--line)}.shoot-btn{width:100%;border:0;background:var(--accent);padding:14px;color:#17201d;font:700 13px 'Space Grotesk';text-transform:uppercase;cursor:pointer;transition:.15s}.shoot-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.shoot-btn span{font-size:18px;vertical-align:-1px;margin-right:6px}.quick-row{display:flex;gap:6px;margin-top:14px}.quick-row button{flex:1;background:none;border:1px solid var(--line);color:var(--ink);font:10px 'DM Mono';padding:9px 2px;cursor:pointer}.quick-row button:hover{border-color:var(--accent);color:var(--accent)}.fine-print{text-align:center;font:10px 'DM Mono';color:var(--muted);margin:17px 0 0}@media(max-width:1050px){.layout{grid-template-columns:220px 1fr}.cue-panel{grid-column:1/-1;min-height:auto}.cue-card{max-width:500px}.control-panel{min-height:auto}}@media(max-width:680px){.app-shell{padding:20px 14px}.layout{display:block}.panel{margin-top:18px}.table-stage{margin:22px 0}header{align-items:flex-start}.header-actions{font-size:9px}.ghost-btn{display:none}.table-meta{font-size:8px}}