:root{color-scheme:dark;--bg: #0b0f14;--panel: #131a22;--panel-border: #23303c;--text: #e7edf2;--muted: #8fa2b0;--accent: #4fb3e8;--red: #ce2029;--yellow: #f2dc5f;--green: #3fbf6f;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:3fr 2fr;height:100vh}#hud{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;padding:.35rem .9rem;background:var(--panel);border-bottom:1px solid var(--panel-border)}#hud h1{font-size:.95rem;margin:0;font-weight:700;letter-spacing:.01em;display:inline}.tagline{display:inline;margin:0 0 0 .6rem;font-size:.7rem;color:var(--muted)}#hud-actions{display:flex;align-items:center;gap:.6rem}#btn-racks{background:transparent;border:1px solid var(--panel-border);border-radius:4px;color:var(--muted);padding:.35rem .9rem;cursor:pointer;font-size:.82rem}#btn-racks[aria-pressed=true]{color:var(--text);border-color:var(--accent)}#view-toggle button{background:transparent;border:1px solid var(--panel-border);color:var(--muted);padding:.35rem .9rem;cursor:pointer;font-size:.82rem}#view-toggle button:first-child{border-radius:4px 0 0 4px}#view-toggle button:last-child{border-radius:0 4px 4px 0;border-left:none}#view-toggle button.active{background:var(--accent);color:#041018;border-color:var(--accent)}#stage{position:relative;overflow:hidden;background:#05070a}#sheet-container{position:absolute;top:0;right:0;bottom:0;left:0}#lower-row{flex:1 1 0;min-height:16rem;display:flex;gap:.9rem;margin:0 -1rem -1rem 0}#lower-controls{flex:1 1 auto;min-width:7rem;display:flex;flex-direction:column;padding-bottom:1rem}#lower-controls #readout{flex:1 1 auto;min-height:0;max-height:none}#house-panel{position:relative;flex:0 0 var(--house-width, 16rem);overflow:hidden;border-left:1px solid var(--panel-border);border-top:1px solid var(--panel-border)}#house-container{position:absolute;top:0;right:0;bottom:0;left:0;top:1.8rem}#house-label{position:absolute;top:.5rem;left:.6rem;z-index:5;color:#8fa2b0;font:600 .72rem -apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em}#sheet-toolbar{position:absolute;top:.6rem;right:.6rem;z-index:5;display:flex;gap:.3rem}#sheet-toolbar button{width:2rem;height:2rem;border-radius:6px;border:1px solid var(--panel-border);background:#131a22d9;color:var(--text);cursor:pointer;font-size:1rem;line-height:1}#sheet-toolbar button:hover{background:#1f2a36f2}#sheet-toolbar button.muted{opacity:.45;position:relative}#sheet-toolbar button.muted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent 45%,var(--muted) 45%,var(--muted) 55%,transparent 55%);pointer-events:none}#called-banner{background:#131a22eb;border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .9rem;text-align:center}#called-banner-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}#called-banner-stopwatch{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.4rem;font-weight:700;line-height:1.3}#called-banner-stopwatch.locked{color:var(--green)}#called-banner-target{font-size:.72rem;color:var(--muted)}#called-banner.hidden{display:none}#panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--panel-border);padding:1rem;overflow-y:auto}#scorebar{border:1px solid var(--panel-border);border-radius:8px;padding:.7rem .85rem;margin-bottom:1rem}#score-line{font-size:1.1rem;font-weight:700;display:flex;align-items:baseline;gap:.4rem}.team-a{color:var(--red)}.team-b{color:var(--yellow)}.dash{color:var(--muted);font-weight:400}#score-meta{margin-top:.35rem;display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted)}#turn-status{margin-top:.5rem;font-size:.75rem;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}fieldset{border:1px solid var(--panel-border);border-radius:6px;margin-bottom:.9rem;padding:.65rem}legend{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;padding:0 .3rem}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.button-grid button,.radio-row{font-size:.8rem}.button-grid button{padding:.4rem .3rem;border-radius:5px;border:1px solid var(--panel-border);background:transparent;color:var(--text);cursor:pointer}.button-grid button.selected{background:var(--accent);border-color:var(--accent);color:#041018;font-weight:600}.button-grid button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.radio-row{display:block;margin-bottom:.3rem;color:var(--muted)}#broom-readout{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.hint{margin:.35rem 0 0;font-size:.7rem;color:var(--muted)}select,input[type=number]{width:100%;padding:.35rem;background:var(--bg);color:var(--text);border:1px solid var(--panel-border);border-radius:4px}input[type=range]{width:100%}button#btn-throw,button#btn-new-match{width:100%;padding:.65rem;margin-bottom:.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:.92rem}button#btn-throw{background:var(--accent);color:#041018}button#btn-new-match{background:transparent;border:1px solid var(--panel-border);color:var(--text)}#readout{margin-top:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:var(--muted);white-space:pre-wrap;line-height:1.4;max-height:12rem;overflow-y:auto}.sweep-button{padding:.45rem .5rem;font-size:.8rem;font-weight:600;color:#c8d4de;background:#1a2430;border:1px solid #2c3a49;border-radius:6px;cursor:pointer}.sweep-button:hover{background:#223040}.sweep-button.active{color:#06121b;background:#4db1e8;border-color:#4db1e8}#sweep-controls.readonly{opacity:.8}.sweep-button:disabled{cursor:default;opacity:.75}.sweep-button:disabled:hover{background:#1a2430}.sweep-button.active:disabled:hover{background:#4db1e8}#panel.sheet-takeover{padding:0;overflow:hidden}#panel.sheet-takeover>*:not(#lower-row){display:none}#panel.sheet-takeover #lower-row{margin:0;gap:0;min-height:0}#panel.sheet-takeover #lower-controls{display:none}#panel.sheet-takeover #house-panel{flex:1 1 0;border:0}#linescore{background:#07090b;border:1px solid #2a3138;border-radius:5px;box-shadow:0 2px 10px #0009,inset 0 0 0 1px #ffffff08;padding:.36rem .48rem;font-family:ui-monospace,DejaVu Sans Mono,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.18;white-space:nowrap}#linescore.hidden{display:none}#linescore table{border-collapse:collapse}#linescore th,#linescore td{padding:.08rem .29rem;text-align:center;font-weight:700}#linescore tr.ls-ends th{color:#7d8a96;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #222a31;border-bottom:1px solid #222a31;padding-top:.16rem;padding-bottom:.16rem}#linescore .ls-team{text-align:left;padding-right:.48rem;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}#linescore tr.ls-ends .ls-team,#linescore .ls-clocklabel{color:#7d8a96}#linescore tr.ls-a{color:#ff3b30}#linescore tr.ls-b{color:#ffc300}#linescore tr.ls-a .ls-team,#linescore tr.ls-b .ls-team{color:inherit}#linescore .ls-digit{font-size:1.15rem;min-width:1.18rem;color:inherit;text-shadow:0 0 6px currentColor,0 0 2px currentColor}#linescore .ls-future{text-shadow:none}#linescore tr.ls-ends th.ls-current{color:#e8eef4;text-shadow:0 0 7px #e8eef4}#linescore .ls-total{border-left:1px solid #222a31;padding-left:.45rem}#linescore .ls-hammer{display:inline-block;width:.48rem;height:.48rem;margin-left:.42rem;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;vertical-align:middle}#linescore .ls-hammer.ls-idle{background:#1b2128;box-shadow:none}#linescore .ls-clock{font-size:1rem;color:inherit;opacity:.42;padding-right:.5rem}#linescore .ls-clock.ls-running{opacity:1;text-shadow:0 0 6px currentColor}#linescore .ls-clock.ls-low{color:#ff3b30}@media (max-width: 1180px){#linescore{font-size:.76rem;padding:.3rem .4rem}#linescore th,#linescore td{padding:.06rem .22rem}#linescore .ls-digit{font-size:1.04rem;min-width:1.1rem}#linescore .ls-clock{font-size:.92rem}#linescore .ls-team{font-size:.7rem}}#top-centre{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none}#shooter-card{pointer-events:auto;display:flex;align-items:center;gap:.5rem;background:#131a22eb;border:1px solid var(--panel-border);border-radius:999px;padding:.25rem .8rem .25rem .55rem;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}.sc-dot{width:.62rem;height:.62rem;border-radius:50%}.sc-a{background:#d8483f}.sc-b{background:#e2c044}.sc-name{font-weight:600;font-size:.82rem}.sc-role{color:#8fa2b0;font-size:.72rem}.sc-more{color:#8fa2b0;font-size:.7rem;margin-left:-.15rem}.sc-hand{font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#0f141b;background:#7fb2e5;border-radius:4px;padding:.05rem .3rem}#shooter-card.hidden,#shooter-analytics.hidden{display:none}#shooter-analytics{pointer-events:auto;overflow-y:auto;background:#0f141bf0;border:1px solid var(--panel-border);border-radius:8px;padding:.3rem .5rem .35rem}#shooter-analytics.sa-open{width:23rem;background:#0f141bf7;padding:.6rem .75rem .7rem}.sa-full{display:none}#shooter-analytics.sa-open .sa-full{display:block}#shooter-analytics.sa-open .sa-summary{display:none}.sa-summary{display:grid;grid-template-columns:repeat(4,auto);gap:.7rem}.sa-sum{text-align:center}.sa-sum-value{font-size:.9rem;font-variant-numeric:tabular-nums}.sa-sum-label{font-size:.56rem;color:#8fa2b0;text-transform:uppercase;letter-spacing:.04em}.sa-head{margin-bottom:.2rem}.sa-head span{color:#8fa2b0;font-size:.72rem}.sa-group{margin:.35rem 0 .22rem;color:#7fa8c9;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.sa-columns{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.sa-row{display:grid;grid-template-columns:4.6rem 1fr 1.5rem;align-items:center;gap:.35rem;margin-bottom:.12rem}.sa-label{font-size:.72rem;color:#c3d0da}.sa-track{height:.42rem;background:#1c2530;border-radius:999px;overflow:hidden}.sa-fill{display:block;height:100%;background:linear-gradient(90deg,#2f6fd6,#7fb2e5)}.sa-value{font-size:.7rem;color:#9fb6c9;text-align:right;font-variant-numeric:tabular-nums}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:start center;padding-top:clamp(1rem,7vh,4.5rem);background:#05070a;overflow:hidden}#lobby-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lobby-house{animation:lobby-approach 7s cubic-bezier(.5,0,.72,.55) infinite}@keyframes lobby-approach{0%{transform:translateY(296px) scale(.05);opacity:0}14%{opacity:.95}78%,90%{transform:translateY(690px) scale(.78);opacity:.95}to{transform:translateY(690px) scale(.78);opacity:0}}.lobby-line{animation:lobby-rush 6.5s cubic-bezier(.55,0,.85,.42) infinite}.lobby-line-a{animation-delay:-.6s}.lobby-line-b{animation-delay:-2.8s}.lobby-line-c{animation-delay:-4.9s}@keyframes lobby-rush{0%{transform:translateY(302px) scale(.06);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translateY(1020px) scale(2.1);opacity:0}}.lobby-handle{transform-origin:0 0;animation:lobby-turn 4.2s linear infinite}@keyframes lobby-turn{to{transform:rotate(360deg)}}.lobby-rock{animation:lobby-ride 3.1s ease-in-out infinite}@keyframes lobby-ride{0%,to{transform:translate(0)}50%{transform:translate(-6px,-4px)}}.lobby-spray{animation:lobby-spray 1.6s ease-out infinite}@keyframes lobby-spray{0%{opacity:.55;transform:translate(0)}to{opacity:0;transform:translate(-60px,22px)}}.lobby-streak{transform-box:fill-box;transform-origin:center}.lobby-streak-a{animation:lobby-streak 1.5s linear infinite}.lobby-streak-b{animation:lobby-streak 1.15s linear infinite;animation-delay:-.5s}.lobby-streak-c{animation:lobby-streak 1.9s linear infinite;animation-delay:-1.1s}@keyframes lobby-streak{0%{opacity:0;transform:translate(140px) scaleX(.4)}25%{opacity:.7}to{opacity:0;transform:translate(-420px) scaleX(1.6)}}@media (prefers-reduced-motion: reduce){.lobby-house,.lobby-line,.lobby-handle,.lobby-rock,.lobby-spray,.lobby-streak{animation:none}.lobby-house{transform:translateY(640px) scale(.66)}.lobby-line-a{transform:translateY(690px) scale(1.25)}.lobby-line-b{transform:translateY(392px) scale(.4)}.lobby-line-c{opacity:0}.lobby-spray{opacity:.3}.lobby-streak{opacity:0}}#lobby.hidden{display:none}#lobby-card{position:relative;width:min(26rem,92vw);background:#111821ed;border:1px solid var(--panel-border);border-radius:12px;padding:1.6rem 1.5rem 1.4rem;text-align:center;box-shadow:0 1.4rem 3rem #0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#lobby-card h1{margin:0 0 .2rem;font-size:1.5rem;letter-spacing:.01em}.lobby-tagline{margin:0 0 1.4rem;color:#8fa2b0;font-size:.82rem}#lobby-choices{display:grid;gap:.55rem}#lobby-card button{background:#1c2733;color:var(--text);border:1px solid #31465b;padding:.62rem 1rem;border-radius:7px;font:inherit;cursor:pointer}#lobby-card button:hover{background:#274156}#lobby-card button.lobby-primary{background:#2f6fd6;border-color:#2f6fd6}#lobby-card button.lobby-primary:hover{background:#3a7ee8}.lobby-join{display:grid;grid-template-columns:1fr auto;gap:.45rem}#lobby-code{background:#131a23;border:1px solid #31465b;border-radius:7px;padding:.62rem .7rem;color:var(--text);font:inherit;text-transform:uppercase;letter-spacing:.12em;text-align:center}#lobby-waiting{display:grid;gap:.45rem}#lobby-choices.hidden,#lobby-waiting.hidden,#lobby-error.hidden{display:none}.lobby-room{margin:0;color:#8fa2b0;font-size:.85rem}.lobby-room strong{display:block;margin-top:.15rem;font-size:2rem;letter-spacing:.35em;text-indent:.35em;color:var(--text)}#lobby-seat,#lobby-status{margin:0;font-size:.85rem;color:#9fb6c9}#lobby-status{color:#7fb2e5}#lobby-error{margin:.9rem 0 0;color:#e0776b;font-size:.82rem}#shot-outlook{width:15rem;background:#131a22f0;border:1px solid var(--panel-border);border-radius:8px;padding:.5rem .7rem .55rem}#shot-outlook.hidden{display:none}.so-head{color:#7fa8c9;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.so-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.so-figure{text-align:center}.so-value{font-size:1.05rem;font-variant-numeric:tabular-nums}.so-label{font-size:.64rem;color:#8fa2b0;text-transform:uppercase;letter-spacing:.04em}#shot-outlook.so-pressure{border-color:#8a6d3b}.so-note{margin-top:.35rem;font-size:.7rem;color:#c9a227;text-align:center}.so-note.so-quiet{color:#8fa2b0}#lobby-card button.lobby-sound{margin-top:.9rem;background:transparent;border-color:transparent;color:#8fa2b0;font-size:.78rem;padding:.3rem .6rem}#lobby-card button.lobby-sound:hover{background:#1c2733;color:var(--text)}.panel-pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.panel-pair fieldset{margin-bottom:0}#panel fieldset{padding:.45rem .55rem .55rem;margin-bottom:.6rem}#panel fieldset legend{padding:0 .3rem}#shot-type-buttons{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.3rem}#scorebar{padding:.5rem .7rem;margin-bottom:.6rem}#broom-readout{font-size:.95rem}#panel .hint{margin:.25rem 0 0;font-size:.68rem;line-height:1.35}#btn-throw,#btn-new-match{margin-bottom:.4rem}#sweep-controls{margin:auto 0 0}#sweep-controls .button-grid{grid-template-columns:1fr;gap:.5rem}#sweep-controls .sweep-button{padding:.8rem .5rem;font-size:.95rem}#top-centre #sweep-controls{pointer-events:auto;width:6.5rem;margin:.4rem 0 0;padding:.2rem .4rem .45rem;background:#0f141bf0;border-radius:8px}#top-centre #sweep-controls .button-grid{grid-template-columns:1fr;gap:.35rem}#top-centre #sweep-controls .sweep-button{padding:.6rem .2rem;font-size:.85rem}