:root{--bg: #0D1F17;--green: #52B788;--green-dim: #2d6a4f;--white: #f0f4f1;--muted: #8fa89a;--panel-bg: rgba(13, 31, 23, .92);--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", sans-serif}#desktop-ui *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font);color:var(--white)}.ui-hidden{display:none!important}.ui-fade-out{opacity:0;transition:opacity .5s ease}#ui-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .5s ease}#ui-loading-wordmark{font-size:clamp(28px,6vw,52px);font-weight:700;letter-spacing:.25em;color:var(--green)}#ui-loading-bar-track{width:min(320px,60vw);height:4px;background:#52b78833;border-radius:2px;overflow:hidden}#ui-loading-bar{height:100%;width:0%;background:var(--green);border-radius:2px;transition:width 1.2s cubic-bezier(.25,1,.5,1)}#ui-loading-hint{font-size:13px;color:var(--muted);letter-spacing:.05em}#ui-room-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#ui-room-label{font-size:13px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}#ui-room-code{font-size:clamp(52px,12vw,100px);font-weight:800;letter-spacing:.15em;color:var(--green);font-variant-numeric:tabular-nums;line-height:1}#ui-room-sub{font-size:15px;color:var(--muted)}#ui-hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(to bottom,rgba(13,31,23,.75) 0%,transparent 100%);pointer-events:none}#ui-hud-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);letter-spacing:.05em}#ui-hud-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0;transition:background .3s}#ui-hud-dot.dot-paired{background:var(--green)}#ui-hud-dot.dot-disconnected{background:#e05252}#ui-hud-dot.dot-connecting{background:#d4a84b;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}#ui-hud-center{font-size:13px;font-weight:700;letter-spacing:.22em;color:#f0f4f180}#ui-hud-right{font-size:13px;color:var(--muted);letter-spacing:.04em}#ui-result{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);z-index:30;width:min(480px,92vw);background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(82,183,136,.18);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:28px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.34,1.2,.64,1)}#ui-result.result-show{transform:translate(-50%) translateY(0)}#ui-result.result-hide{transform:translate(-50%) translateY(100%)}.result-badge{font-size:clamp(22px,4vw,34px);font-weight:800;letter-spacing:.12em;padding:6px 20px;border-radius:6px}.badge-holeout{color:#0d1f17;background:var(--green)}.badge-lipout{color:var(--white);background:#d4a84b}.badge-miss{color:var(--white);background:#ffffff1f}#ui-result-dist{font-size:clamp(36px,7vw,56px);font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1}#ui-result-stats{font-size:13px;color:var(--muted);letter-spacing:.04em;text-align:center}#ui-result-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;gap:12px}#ui-result-timer{font-size:13px;color:var(--muted);min-width:32px}#ui-result-btn{flex:1;height:48px;border:1.5px solid var(--green);border-radius:8px;background:transparent;color:var(--green);font-size:16px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s;pointer-events:auto}#ui-result-btn:hover,#ui-result-btn:active{background:var(--green);color:var(--bg)}