*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#0a1929;color:#e6f1ff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font-family:inherit}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0a1929;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-top:env(safe-area-inset-top,0)}.canvas-area{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:row}.house-view-area{flex:0 0 240px;position:relative;background:#0a1929;border-right:1px solid #1c2a3a}.canvas-area-main{flex:1 1 auto;position:relative;min-width:0;background:#0b1929}.house-view-overlay{display:block;width:240px;height:400px;border-radius:0 0 8px;pointer-events:none;background:#0c1a2cd9;box-shadow:2px 2px 6px #0006}@media (max-width: 768px){.house-view-area{position:absolute;top:0;left:0;z-index:5;flex:none;width:auto;background:transparent;border-right:none}.house-view-overlay{width:130px;height:215px;background:#0c1a2ccc;border-radius:0 0 10px;box-shadow:2px 2px 8px #00000080}}.hud-overlay{position:absolute;top:8px;left:8px;display:flex;gap:8px;font:12px ui-monospace,Menlo,Consolas,monospace;pointer-events:none}.hud-pill{background:#00000073;color:#cfe6ff;padding:4px 10px;border-radius:999px}.hud-pill.red{border-left:3px solid #c0392b}.hud-pill.yellow{border-left:3px solid #f1c40f}.spin-toggle{position:absolute;top:8px;right:8px;z-index:6;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#0a1929bf;border:1px solid #25435f;border-radius:8px;color:#9ad1ff;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,background .15s;user-select:none;-webkit-user-select:none}.spin-toggle:hover{color:#ffe27a;background:#102b48d9}.spin-toggle:active{transform:scale(.93)}.score-header{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 22px;background:linear-gradient(#0a1929,#102b48);border-bottom:2px solid #25435f;box-shadow:0 2px 6px #00000073;font:600 17px ui-monospace,Menlo,Consolas,monospace;color:#e6f1ff;-webkit-user-select:none;user-select:none}.score-header .score-team{display:inline-flex;align-items:center;gap:10px;min-width:0}.score-header .score-team-blue{justify-self:start}.score-header .score-team-yellow{justify-self:end}.score-header .score-dot{font-size:22px;line-height:1}.score-header .score-team-blue .score-dot{color:#4ea8ff;text-shadow:0 0 10px rgba(78,168,255,.7)}.score-header .score-team-yellow .score-dot{color:#ffd84d;text-shadow:0 0 10px rgba(255,216,77,.65)}.score-header .score-name{font-size:13px;letter-spacing:1.5px;color:#9ad1ff;font-weight:700}.score-header .score-num{font-size:28px;font-weight:800;min-width:1.6em;text-align:center;line-height:1}.score-header .score-team-blue .score-num{color:#4ea8ff;text-shadow:0 0 12px rgba(78,168,255,.4)}.score-header .score-team-yellow .score-num{color:#ffd84d;text-shadow:0 0 12px rgba(255,216,77,.4)}.score-header .score-mid{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px;border-left:1px solid #25435f;border-right:1px solid #25435f;line-height:1.2}.score-header .score-end-label{font-size:12px;color:#6f8aab;letter-spacing:1.5px}.score-header .score-progress{font-size:14px;color:#cfe6ff;font-weight:700}.score-header .throw-pips{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.score-header .score-team-yellow .throw-pips{margin-left:0;margin-right:6px}.score-header .throw-pip{width:9px;height:9px;border-radius:50%;display:inline-block;transition:background-color .2s ease,box-shadow .2s ease}.score-header .throw-pips-blue .throw-pip[data-state=remaining]{background:#4ea8ff;box-shadow:0 0 6px #4ea8ff99}.score-header .throw-pips-blue .throw-pip[data-state=used]{background:#4ea8ff2e;box-shadow:none}.score-header .throw-pips-yellow .throw-pip[data-state=remaining]{background:#ffd84d;box-shadow:0 0 6px #ffd84d8c}.score-header .throw-pips-yellow .throw-pip[data-state=used]{background:#ffd84d2e;box-shadow:none}.scoreboard-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#08101cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.scoreboard-banner-title{font-size:28px;font-weight:700;color:#ffe27a;letter-spacing:2px;text-shadow:0 0 20px rgba(255,226,122,.4)}.scoreboard-banner-score{display:flex;align-items:center;gap:18px;font:700 56px ui-monospace,Menlo,Consolas,monospace}.scoreboard-banner-score .team-blue{color:#4ea8ff;text-shadow:0 0 16px rgba(78,168,255,.55)}.scoreboard-banner-score .team-yellow{color:#ffd84d;text-shadow:0 0 16px rgba(255,216,77,.5)}.scoreboard-banner-score .separator{color:#6f8aab;font-weight:400}.scoreboard-banner .btn{flex:0 0 auto;min-width:200px;background:#1a7a3e}.scoreboard-banner .btn:hover:not(:disabled){background:#1f9a4e}.foul-toast{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;font:700 38px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:4px;color:#fff5b8;text-shadow:0 0 12px rgba(255,200,60,.7),0 2px 6px rgba(0,0,0,.6);padding:10px 28px;background:#00000059;border:1px solid rgba(255,216,77,.45);border-radius:10px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:foul-toast-fade 1.2s ease-out forwards}@keyframes foul-toast-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width: 480px){.foul-toast{font-size:28px;letter-spacing:2px;padding:8px 20px}}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a1929;color:#e6f1ff;padding:24px}.orientation-gate-inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;max-width:320px}.orientation-icon svg{filter:drop-shadow(0 0 12px rgba(154,209,255,.3))}.orientation-title{font-size:22px;font-weight:700;letter-spacing:1px;color:#ffd84d}.orientation-hint{font-size:14px;line-height:1.6;color:#9ad1ff}.controls-panel{flex:0 0 auto;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:8px;background:linear-gradient(#0f243b,#0a1929);border-top:1px solid #1c2a3a}.controls-panel .row{display:flex;flex-direction:column;gap:4px}.controls-panel .row-info{flex-direction:row;justify-content:space-between;font:12px ui-monospace,Menlo,Consolas,monospace;color:#9ad1ff}.controls-panel .info-cell{display:inline-flex;gap:8px}.controls-panel .info-label{opacity:.7}.controls-panel .info-value{color:#e6f1ff}.controls-panel .slider-label{display:flex;justify-content:space-between;font-size:13px;color:#cfe6ff}.controls-panel .slider-label .hint{color:#6f8aab;font-size:12px}.controls-panel .slider{width:100%;height:36px;accent-color:#4ea1ff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.controls-panel .slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#1c2a3a}.controls-panel .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#4ea1ff;border:2px solid #0a1929;margin-top:-11px;box-shadow:0 2px 4px #0006;cursor:pointer}.controls-panel .slider::-moz-range-track{height:6px;border-radius:3px;background:#1c2a3a}.controls-panel .slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#4ea1ff;border:2px solid #0a1929;cursor:pointer}.controls-panel .slider:disabled{opacity:.4}.controls-panel .slider:disabled::-webkit-slider-thumb{background:#6f8aab}.controls-panel .slider-ticks{display:flex;justify-content:space-between;font-size:11px;color:#6f8aab;margin-top:-4px;padding:0 4px}.controls-panel .row-buttons{flex-direction:row;gap:8px;margin-top:4px}.btn{flex:1 1 auto;border:none;border-radius:8px;min-height:48px;padding:12px 10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:background .12s,transform 80ms;user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-throw{background:#1a7a3e}.btn-throw:hover:not(:disabled){background:#1f9a4e}.btn-sweep{background:#b8860b}.btn-sweep:hover:not(:disabled){background:#d49b14}.btn-reset{background:#3a4a5f}.btn-reset:hover:not(:disabled){background:#4a5b73}.debug-panel{position:fixed;top:12px;right:12px;z-index:50;width:320px;max-height:calc(100vh - 24px);overflow-y:auto;background:#0b1929f2;border:1px solid #2a3a4f;border-radius:10px;padding:12px 14px;color:#e6f1ff;font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;box-shadow:0 4px 24px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.debug-panel .debug-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#ffd84d;margin-bottom:10px;font-size:13px;letter-spacing:.5px}.debug-panel .debug-close{background:transparent;border:1px solid #2a3a4f;color:#cfe6ff;width:24px;height:24px;border-radius:4px;font-size:18px;line-height:1;cursor:pointer;padding:0}.debug-panel .debug-close:hover{background:#1a2a40}.debug-panel .debug-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #2a3a4f}.debug-panel .debug-section:last-of-type{border-bottom:none}.debug-panel .debug-section-title{display:flex;justify-content:space-between;align-items:center;color:#9ad1ff;font-weight:700;margin-bottom:6px}.debug-panel .debug-reset{background:transparent;border:1px solid #2a3a4f;color:#cfe6ff;font-size:11px;padding:2px 8px;border-radius:4px;cursor:pointer}.debug-panel .debug-reset:hover{background:#1a2a40}.debug-panel .debug-row{margin-bottom:8px}.debug-panel .debug-row label{display:flex;justify-content:space-between;font-size:11px;color:#cfe6ff;margin-bottom:2px}.debug-panel .debug-val{color:#ffd84d}.debug-panel input[type=range]{width:100%;accent-color:#4ea1ff}.debug-panel .debug-row .debug-hint{font-size:10px;line-height:1.45;color:#8aa2bf;margin-top:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.debug-panel .debug-footer-hint{text-align:center;font-size:11px;color:#6f8aab;margin-top:6px}@media (max-width: 480px){.score-header{padding:7px 12px;gap:10px;font-size:15px}.score-header .score-name{display:none}.score-header .score-dot{font-size:18px}.score-header .score-num{font-size:22px}.score-header .score-mid{padding:0 12px}.score-header .score-end-label{font-size:11px}.score-header .score-progress{font-size:12px}.score-header .throw-pip{width:7px;height:7px}.score-header .throw-pips{gap:3px;margin-left:4px}.score-header .score-team-yellow .throw-pips{margin-left:0;margin-right:4px}.debug-panel{width:calc(100vw - 24px);max-width:360px;top:auto;bottom:12px;right:12px;max-height:60vh}.controls-panel{padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.controls-panel .row-info{font-size:11px}.scoreboard-banner-title{font-size:22px}.scoreboard-banner-score{font-size:44px}}@media (max-width: 360px){.score-header{font-size:14px;padding:6px 10px}.score-header .score-dot{font-size:16px}.score-header .score-num{font-size:19px}.score-header .throw-pips{display:none}.btn{font-size:14px;min-height:44px;padding:10px 8px}}[data-debug-borders] .app-shell,[data-debug-borders] .score-header,[data-debug-borders] .canvas-area,[data-debug-borders] .house-view-area,[data-debug-borders] .canvas-area-main,[data-debug-borders] .curling-canvas-container,[data-debug-borders] .curling-canvas-gl,[data-debug-borders] .house-view-overlay,[data-debug-borders] .foul-toast,[data-debug-borders] .scoreboard-banner,[data-debug-borders] .debug-panel{outline:2px solid #ff3030!important;outline-offset:-2px;position:relative}[data-debug-borders] .app-shell:before,[data-debug-borders] .score-header:before,[data-debug-borders] .canvas-area:before,[data-debug-borders] .house-view-area:before,[data-debug-borders] .canvas-area-main:before,[data-debug-borders] .curling-canvas-container:before,[data-debug-borders] .house-view-overlay:before,[data-debug-borders] .foul-toast:before,[data-debug-borders] .scoreboard-banner:before,[data-debug-borders] .debug-panel:before{position:absolute;top:0;left:0;z-index:999;padding:1px 6px;font:600 11px ui-monospace,Menlo,Consolas,monospace;color:#fff;background:#ff3030;letter-spacing:.5px;pointer-events:none;white-space:nowrap}[data-debug-borders] .app-shell:before{content:".app-shell"}[data-debug-borders] .score-header:before{content:".score-header"}[data-debug-borders] .canvas-area:before{content:".canvas-area"}[data-debug-borders] .house-view-area:before{content:".house-view-area"}[data-debug-borders] .canvas-area-main:before{content:".canvas-area-main"}[data-debug-borders] .curling-canvas-container:before{content:".curling-canvas-container"}[data-debug-borders] .house-view-overlay:before{content:".house-view-overlay"}[data-debug-borders] .foul-toast:before{content:".foul-toast"}[data-debug-borders] .scoreboard-banner:before{content:".scoreboard-banner"}[data-debug-borders] .debug-panel:before{content:".debug-panel"}