@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-subset-DNGP7ISN.woff2)format("woff2")}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}@font-face{font-family:Alarm Clock;src:url(/fonts/Alarm%20Clock.ttf);font-display:swap;ascent-override:85%;descent-override:15%;line-gap-override:0%}@font-face{font-family:Aluminum;src:url(/fonts/Aluminum.ttf);font-display:swap;ascent-override:84.7%;descent-override:15.3%;line-gap-override:0%}@font-face{font-family:Atlas;src:url(/fonts/Atlas.ttf);font-display:swap;ascent-override:85.8%;descent-override:14.2%;line-gap-override:0%}@font-face{font-family:Bypass;src:url(/fonts/Bypass.ttf);font-display:swap;ascent-override:84.4%;descent-override:15.6%;line-gap-override:0%}@font-face{font-family:Catch;src:url(/fonts/Catch.ttf);font-display:swap;ascent-override:84.2%;descent-override:15.8%;line-gap-override:0%}@font-face{font-family:Devotee;src:url(/fonts/Devotee.ttf);font-display:swap;ascent-override:84.3%;descent-override:15.7%;line-gap-override:0%}@font-face{font-family:Digital Dismay;src:url(/fonts/Digital%20Dismay.otf);font-display:swap;ascent-override:84.2%;descent-override:15.8%;line-gap-override:0%}@font-face{font-family:Digital Readout;src:url(/fonts/Digital%20Readout.ttf);font-display:swap;ascent-override:79.2%;descent-override:20.8%;line-gap-override:0%}@font-face{font-family:LED board;src:url(/fonts/LED%20board.ttf);font-display:swap;ascent-override:97%;descent-override:3%;line-gap-override:0%}@font-face{font-family:"Open 24";src:url(/fonts/Open%2024.ttf);font-display:swap;ascent-override:84.9%;descent-override:15.1%;line-gap-override:0%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--surface-light:#1f3460;--text:#e0e0e0;--text-muted:#999;--border:#2a2a4a;--blue:#2196f3;--red:#f44336;--green:#2e7d32;--orange:#ff9800;--indigo:#5c6bc0;--shadow:#0000004d;--shadow-heavy:#0006;--overlay-bg:#0009;--hover-bg:#ffffff0d;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M6 8L0 0h12z'/%3E%3C/svg%3E");--chip-point-t1:#2196f3;--chip-point-t2:#f44336;--chip-point:#607d8b;--chip-set:#2e7d32;--chip-timeout:#ff9800;--chip-serve:#5c6bc0;--chip-edit:#ab47bc;--chip-reset:#9e9e9e;--chip-bg-point-t1:#2196f312;--chip-bg-point-t2:#f4433612;--chip-bg-point:#607d8b12;--chip-bg-set:#2e7d321a;--chip-bg-timeout:#ff98001a;--chip-bg-serve:#5c6bc012;--chip-bg-edit:#ab47bc14;--chip-bg-reset:#9e9e9e1a}:root.light{--bg:#f0f2f5;--surface:#fff;--surface-light:#e8eaed;--text:#1a1a2e;--text-muted:#5f6368;--border:#dadce0;--shadow:#0000001a;--shadow-heavy:#00000026;--overlay-bg:#0006;--hover-bg:#0000000a;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235f6368' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.init-screen{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.init-title{color:var(--text);margin-bottom:2rem;font-size:2rem;font-weight:700}.init-form{flex-direction:column;gap:.75rem;width:100%;max-width:360px;display:flex}.init-label{color:var(--text-muted);font-size:.875rem}.init-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.init-input:focus{border-color:var(--blue)}.init-button{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.init-button:disabled{opacity:.5;cursor:not-allowed}.init-error{color:var(--red);text-align:center;font-size:.875rem}.init-overlay-selector{flex-direction:column;gap:.5rem;width:100%;max-width:360px;display:flex}.init-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;appearance:none;background-image:var(--select-arrow);background-position:right 1rem center;background-repeat:no-repeat;border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem}.init-select:focus{border-color:var(--blue);outline:none}.init-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:.25rem 0;font-size:.75rem;display:flex}.init-divider:before,.init-divider:after{content:"";background:var(--border);flex:1;height:1px}.app-container{touch-action:pan-y;flex-direction:column;height:100%;display:flex;overflow:hidden}.main-layout{flex:1;justify-content:space-around;align-items:flex-start;gap:.5rem;padding:1rem .5rem .5rem;display:flex;overflow:hidden}.main-layout-landscape{flex-direction:row}.main-layout-portrait{flex-direction:column;align-items:center;padding-top:.5rem}.team-panel{background:var(--surface);border-radius:12px;padding:.75rem;box-shadow:0 4px 12px #0000004d}.team-panel-landscape .team-panel-col{flex-direction:column;align-items:center;gap:.5rem;display:flex}.team-history-col{flex-direction:column;align-items:center;gap:2px;min-width:28px;padding-top:4px;display:flex}.team-panel-portrait .team-panel-row{flex-direction:row;align-items:stretch;gap:.75rem;display:flex}.team-panel-landscape .team-side-row{flex-direction:row;align-items:center;gap:.5rem;width:100%;display:flex}.team-panel-portrait .team-side-col{flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.team-side-group-col{flex-direction:column;align-items:center;gap:.25rem;display:flex}.team-side-group-row{flex-direction:row;align-items:center;gap:.5rem;display:flex}.spacer{flex:1}.score-button{cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:100px;min-height:100px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px 12px #0006}.score-button:active{transform:scale(.96);box-shadow:0 2px 6px #0006}.set-button{border-radius:8px;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;font-size:1.5rem!important}.timeout-button{cursor:pointer;background:0 0;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s;display:flex;box-shadow:0 2px 8px #0000004d}.timeout-button:active{transform:scale(.92)}.timeout-button .material-icons{font-size:1.25rem}.timeout-dots{gap:2px;display:flex}.timeout-dots-row{flex-direction:row}.timeout-dots-col{flex-direction:column}.center-panel{flex-direction:column;align-items:center;gap:.5rem;display:flex}.center-panel-compact{gap:.25rem}.center-panel-compact .preview-container{margin-top:0}.sets-row{flex-direction:row;align-items:flex-start;gap:.75rem;display:flex}.logos-scores-section{flex-direction:row;align-items:flex-start;gap:.5rem;display:flex}.team-score-column{flex-direction:column;align-items:center;gap:2px;min-height:130px;display:flex}.team-logo{object-fit:contain;width:24px;height:24px}.score-column{flex-direction:column;align-items:center;gap:0;min-height:24px;display:flex}.score-cell{text-align:center;color:var(--text-muted);padding:1px 6px;font-size:.875rem;line-height:1.4}.score-cell.score-bold{color:var(--text);font-weight:700}.score-cell-current{background:var(--surface-light);border-radius:4px}.preview-container{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:.5rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.app-container .preview-container iframe{pointer-events:none}.preview-fallback{color:#f0f0f0;text-align:center;pointer-events:auto;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.85rem;display:flex;position:absolute;inset:0}.preview-fallback .material-icons{opacity:.85;font-size:1.6rem}.preview-fallback-message{font-weight:500;line-height:1.2}.preview-fallback-retry{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:999px;margin-top:4px;padding:4px 12px;font-size:.8rem}.preview-fallback-retry:hover,.preview-fallback-retry:focus-visible{background:#ffffff1f;outline:none}.preview-page{justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex;position:fixed;inset:0;overflow:auto}.preview-page--dark{color:#f0f0f0;background-color:#1d1d1d}.preview-page--light{color:#333;background-color:#fff}.preview-page-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-page .preview-container{box-shadow:none;margin-top:0}.preview-page-empty{color:#f0f0f0;background-color:#1d1d1d;justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0}.preview-page-toolbar{opacity:.25;pointer-events:auto;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.preview-page-toolbar:hover,.preview-page-toolbar:focus-within{opacity:.95}.preview-tool-spacer{flex:auto}.preview-tool-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:4px;justify-content:center;align-items:center;padding:4px;line-height:0;display:inline-flex}.preview-tool-btn:hover:not(:disabled){background:#7f7f7f2e}.preview-tool-btn:disabled{opacity:.4;cursor:not-allowed}.preview-tool-btn .material-icons{font-size:20px}.preview-tool-select{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;max-width:160px;padding:3px 6px}.preview-tool-select:hover{background:#7f7f7f2e}.preview-tool-select option{color:initial}.current-set-indicator{min-width:28px;color:var(--text);justify-content:center;align-self:center;align-items:center;font-size:1.5rem;font-weight:700;line-height:1;display:flex}.points-history-strip{flex-direction:column;align-items:stretch;gap:2px;margin-top:8px;padding:6px 8px;display:flex;overflow:hidden}.phs-row{flex-direction:row;align-items:center;gap:4px;min-width:0;padding-bottom:3px;display:flex}.phs-row+.phs-row{border-top:1px solid var(--border);padding-top:3px}.phs-marker{border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:6px;display:inline-flex;position:relative;overflow:hidden}.phs-marker:after{content:"";background:var(--border);width:1px;position:absolute;top:4px;bottom:4px;right:-4px}.phs-marker-logo{object-fit:contain;width:100%;height:100%}.phs-cell{flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.phs-chip{opacity:.7;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;line-height:1;display:inline-flex}.phs-chip-text{font-size:.85rem}.phs-chip-text-sm{margin-left:1px;font-size:.65rem}.phs-chip-manual{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.phs-icon{width:16px;height:16px;display:block}.phs-icon-sm{width:12px;height:12px}.hud-controls{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0}.hud-controls>*{pointer-events:auto;transition:opacity .3s ease-out,transform .3s ease-out}.hud-controls.ui-hidden .top-corner-stack{opacity:0;pointer-events:none;transform:translateY(-100%)}.control-buttons-wrapper{pointer-events:auto;transition:transform .3s ease-out;position:absolute;bottom:0;left:0;right:0}.hud-controls.ui-hidden .control-buttons-wrapper{transform:translateY(100%)}.top-corner-icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.top-corner-icon-btn:hover{background:var(--hover-bg)}.top-corner-icon-btn:focus-visible{outline:2px solid var(--blue,#2196f3);outline-offset:2px}.top-corner-stack{top:max(1rem, env(safe-area-inset-top));flex-direction:column;gap:8px;display:flex;position:absolute}.top-right-stack{right:max(1rem, env(safe-area-inset-right))}.wakeup-handle{appearance:none;font:inherit;background:var(--surface);width:60px;height:24px;box-shadow:0 -2px 8px var(--shadow-heavy);color:var(--text);z-index:50;opacity:.8;cursor:pointer;border:0;border-radius:12px 12px 0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.wakeup-handle:focus-visible{outline:2px solid var(--blue,#2196f3);outline-offset:2px}.control-buttons{padding:.5rem 1rem;padding-bottom:max(.5rem, safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px var(--shadow);justify-content:flex-start;align-items:center;gap:.5rem;display:flex;position:relative}.control-buttons .spacer{justify-content:center;align-items:center;display:flex}.control-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .1s,background .15s;display:flex}.control-btn:active{transform:scale(.9)}.control-btn:hover{background:var(--hover-bg)}.control-btn .material-icons{font-size:1.2rem}.control-btn-reset{color:#ff9800;border-color:#ff9800}.control-btn-start{border-color:var(--green,#2e7d32);color:var(--green,#2e7d32)}.control-btn-text{gap:6px;width:auto;min-width:36px;padding:0 12px;font-size:.85rem;font-weight:600}.control-btn-text .material-icons{font-size:1.1rem}.control-btn-report{color:#29b6f6;border-color:#29b6f6;text-decoration:none}.control-onair{color:#ff6f60;box-sizing:border-box;border:1px solid #e53935;border-radius:8px;align-items:center;gap:5px;height:36px;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.control-onair .material-icons{font-size:1rem}.control-onair-count{font-variant-numeric:tabular-nums}.control-onair-dot{background:#ff1744;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite onair-pulse}@keyframes onair-pulse{0%{box-shadow:0 0 #ff17448c}70%{box-shadow:0 0 0 7px #ff174400}to{box-shadow:0 0 #ff174400}}@media (prefers-reduced-motion:reduce){.control-onair-dot{animation:none}}.match-timer{font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:center;gap:4px;font-size:.95rem;display:inline-flex}.match-timer .material-icons{font-size:1rem}.match-timer-finished,.match-timer-finished .material-icons{color:#4caf50}.control-btn-logout{color:#f44336;border-color:#f44336}.control-btn-config{color:#757575;border-color:#757575}.control-btn-theme{border-color:var(--grey);color:var(--grey)}.control-btn-save{color:#2196f3;border-color:#2196f3}.control-btn-refresh{color:#4caf50;border-color:#4caf50}.control-btn-fullscreen{color:#689f38;border-color:#689f38}.config-panel{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.config-top-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;padding:.25rem .5rem;display:flex}.config-top-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:.5rem;font-size:.875rem;text-decoration:none;display:flex}.config-top-btn:hover{background:var(--hover-bg)}.config-top-btn-save{color:var(--blue);font-weight:600}.config-top-btn-save:disabled{opacity:.5;cursor:not-allowed}.config-top-title{color:var(--text);font-size:.95rem;font-weight:600}.overlay-switcher{flex:1;min-width:0;margin:0 .25rem;position:relative}.overlay-switcher-trigger{width:100%;min-width:0;min-height:40px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.overlay-switcher-trigger:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border)}.overlay-switcher-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.overlay-switcher-trigger.is-open{background:var(--hover-bg);border-color:var(--blue)}.overlay-switcher-trigger:disabled{cursor:default}.overlay-switcher-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.overlay-switcher-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem}.overlay-switcher-oid{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.overlay-switcher-caret{color:var(--text-muted);margin-left:auto;font-size:20px}.overlay-switcher-menu{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 30px var(--shadow-heavy);border-radius:12px;max-height:min(50vh,320px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.overlay-switcher-menu-head{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 6px;font-size:.62rem}.overlay-switcher-option{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.overlay-switcher-option:hover{background:var(--hover-bg)}.overlay-switcher-option:focus-visible{background:var(--hover-bg);outline:2px solid var(--blue);outline-offset:-2px}.overlay-switcher-option.is-current .overlay-switcher-option-oid{color:var(--blue)}.overlay-switcher-check{width:18px;color:var(--blue);flex:none;font-size:18px}.overlay-switcher-option-labels{flex-direction:column;min-width:0;line-height:1.2;display:flex}.overlay-switcher-option-oid{font-size:.92rem;font-weight:600}.overlay-switcher-option-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.config-bottom-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;min-height:48px;padding:.4rem .75rem;display:flex}.config-bottom-btn{border:2px solid var(--text-muted);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:transform .1s,background .15s;display:flex}.config-bottom-btn:active{transform:scale(.9)}.config-bottom-btn:hover{background:var(--hover-bg)}.config-bottom-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--text-muted);color:var(--text-muted);filter:grayscale()}.config-bottom-btn:disabled:hover{background:0 0}.config-bottom-btn:disabled:active{transform:none}.config-bottom-btn .material-icons{font-size:1.2rem}.config-bottom-btn-save{border-color:var(--blue);color:var(--blue);gap:4px;width:auto;padding-inline:.75rem}.config-bottom-btn-save span:last-child{font-size:.8rem;font-weight:600}.config-bottom-btn-refresh{color:#4caf50;border-color:#4caf50}.config-bottom-btn-reset{color:#ff9800;border-color:#ff9800}.config-bottom-btn-logout{color:#f44336;border-color:#f44336}.config-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.config-body-landscape{flex-direction:row;display:flex;overflow:hidden}.config-accordion{flex-direction:column;display:flex}.config-accordion-item{border-bottom:1px solid var(--border)}.config-accordion-header{background:var(--surface);width:100%;height:48px;color:var(--text);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.9rem;font-weight:500;display:flex}.config-accordion-header-active{background:var(--surface-light)}.config-accordion-header .material-icons:first-child{color:var(--text-muted);font-size:1.2rem}.config-accordion-chevron{color:var(--text-muted);margin-left:auto}.config-accordion-body{background:var(--bg);padding:.75rem}.config-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:110px;min-width:110px;display:flex;overflow-y:auto}.config-sidebar-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding:.6rem .25rem;font-size:.65rem;display:flex}.config-sidebar-item-active{background:var(--surface-light);border-left-color:var(--blue);color:var(--text)}.config-sidebar-item .material-icons{font-size:1.2rem}.config-sidebar-label{text-align:center;line-height:1.2}.config-section-content{-webkit-overflow-scrolling:touch;flex:1;padding:.75rem;overflow-y:auto}.scoreboard-skeleton{flex:1;justify-content:space-around;align-items:stretch;gap:.75rem;width:100%;padding:1rem .75rem;display:flex}.scoreboard-skeleton-landscape{flex-direction:row}.scoreboard-skeleton-portrait{flex-direction:column;align-items:center}.scoreboard-skeleton-team,.scoreboard-skeleton-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;min-height:200px;display:flex}.scoreboard-skeleton-block{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff24 50%,#ffffff0f 100%) 0 0/200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite config-skeleton-shimmer}.scoreboard-skeleton-score{width:min(70%,220px);height:120px}.scoreboard-skeleton-sets{width:min(60%,180px);height:80px}.scoreboard-skeleton-meta{width:min(60%,180px);height:18px}@media (prefers-reduced-motion:reduce){.scoreboard-skeleton-block{background:#ffffff14;animation:none}}.config-skeleton{flex-direction:column;gap:.75rem;padding:.5rem .25rem;display:flex}.config-skeleton-line{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff24 50%,#ffffff0f 100%) 0 0/200% 100%;border-radius:4px;height:1rem;animation:1.2s ease-in-out infinite config-skeleton-shimmer}.config-skeleton-line-title{width:45%;height:1.5rem}.config-skeleton-line-short{width:60%}@keyframes config-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-boundary{text-align:center;color:var(--text-primary,#eee);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.error-boundary h2{margin:0;font-size:1.25rem}.error-boundary p{opacity:.85;max-width:40ch;margin:0}.error-boundary button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:.5rem 1.25rem}.config-save-status{color:var(--text-muted);align-items:center;gap:4px;padding:0 8px;font-size:.85rem;display:inline-flex}.config-save-status .material-icons{font-size:1rem}.config-save-status-pending{color:var(--blue,#2196f3)}.config-save-status-saved{color:var(--green,#4caf50)}.config-save-error{color:var(--red);background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:.4rem .75rem;font-size:.875rem;display:flex;position:absolute;bottom:52px;left:0;right:0}.config-save-error .material-icons{font-size:1.1rem}.config-save-error-message{text-align:left;flex:1}.config-save-error-retry{border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.config-save-error-retry:hover,.config-save-error-retry:focus-visible{background:#f4433614;outline:none}.config-save-error-retry:disabled{opacity:.5;cursor:not-allowed}.config-save-error-dismiss{color:var(--red,#f44336);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:inline-flex}.config-save-error-dismiss:hover,.config-save-error-dismiss:focus-visible{background:#f4433614;outline:none}.config-suboption{padding-left:1.5rem}.config-label{color:var(--text-muted);margin-bottom:2px;font-size:.75rem;display:block}.config-team-block{margin-bottom:.25rem}.config-team-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.config-team-header-fields{flex:1;min-width:0}.config-select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);appearance:auto;cursor:pointer;border-radius:6px;outline:none;min-height:44px;padding:.5rem .75rem;font-size:.875rem}.config-select:focus{border-color:var(--blue)}.config-icon-btn{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.config-icon-btn:hover{background:var(--hover-bg)}.links-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.link-row{align-items:center;gap:.5rem;display:flex}.link-text{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;text-decoration:none;overflow:hidden}.link-text:hover{text-decoration:underline}.link-copy-btn{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-copy-btn:hover{background:var(--hover-bg)}.link-copy-btn .material-icons{font-size:1rem}.config-logo-preview{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.config-logo-img{object-fit:contain;width:100%;height:100%}.config-logo-placeholder{color:var(--text-muted);opacity:.4;font-size:1.25rem}.config-color-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.25rem;display:flex}.config-logo-preview-btn{cursor:pointer;padding:0;position:relative;overflow:visible}.config-logo-preview-btn .config-logo-img{border-radius:7px}.config-logo-edit-badge{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:50%;padding:2px;font-size:12px;line-height:1;position:absolute;bottom:-5px;right:-5px}.config-field-error{color:var(--red,#f44336)}.config-color-group{flex-direction:column;align-items:center;gap:2px;display:flex}.config-color-input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:48px;height:40px;padding:0}.color-picker-wrapper{display:inline-block;position:relative}.color-picker-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:48px;height:40px;padding:0}.color-picker-popover{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;position:fixed;box-shadow:0 4px 12px #0000004d}.color-picker-presets,.color-picker-recent{margin-bottom:6px}.color-picker-section-label{color:var(--text);opacity:.6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.7rem;display:block}.color-picker-swatch-row{flex-wrap:wrap;gap:4px;display:flex}.color-picker-preset{border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:4px;width:24px;height:24px;padding:0}.color-picker-preset.active{outline:2px solid var(--text);outline-offset:1px}.color-picker-popover .react-colorful{width:200px;height:160px}.color-picker-hex-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:center;box-sizing:border-box;border-radius:4px;margin-top:8px;padding:4px 8px;font-family:monospace;font-size:.9rem}.config-color-grid-2x2{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.preset-picker{color:var(--text);flex-direction:column;gap:1rem;font-size:.875rem;display:flex}.preset-picker-toolbar{justify-content:flex-start;display:flex}.preset-picker-create-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.4rem .75rem;display:inline-flex}.preset-picker-create-toggle:hover{background:var(--hover-bg)}.preset-picker-create{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.preset-picker-label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.preset-picker-input{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:4px;padding:.4rem .6rem}.preset-picker-fieldset{border:1px dashed var(--border);border-radius:4px;flex-direction:column;gap:.3rem;padding:.5rem .75rem;display:flex}.preset-picker-fieldset legend{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 .4rem;font-size:.75rem}.preset-picker-cat-toggle{cursor:pointer;align-items:center;gap:.4rem;min-height:32px;display:inline-flex}.preset-picker-cat-toggle .material-icons{color:var(--muted);font-size:1rem}.preset-picker-actions{justify-content:flex-end;display:flex}.preset-picker-confirm-btn{border:1px solid var(--blue,#2196f3);background:var(--blue,#2196f3);color:#fff;font:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.4rem 1rem;display:inline-flex}.preset-picker-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.preset-picker-action-error,.preset-picker-loading,.preset-picker-empty,.preset-picker-error{border:1px dashed var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.preset-picker-action-error,.preset-picker-error{border-style:solid;border-color:var(--danger,#d32f2f);color:var(--danger,#d32f2f)}.preset-picker-empty{flex-direction:column;align-items:flex-start}.preset-picker-empty-msg{color:var(--muted);margin:0}.preset-picker-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.preset-picker-item{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:.5rem;padding:.6rem .75rem;display:flex}.preset-picker-item-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preset-picker-item-name{color:var(--text);font-weight:600}.preset-picker-system-chip{background:var(--hover-bg);color:var(--muted);border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .45rem;font-size:.7rem;display:inline-flex}.preset-picker-system-chip .material-icons{font-size:.85rem}.preset-picker-scopes{flex-wrap:wrap;gap:.3rem;display:flex}.preset-picker-scope-chip{background:var(--hover-bg);color:var(--muted);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;display:inline-flex}.preset-picker-scope-chip .material-icons{font-size:.85rem}.preset-picker-item-actions{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.preset-picker-apply-btn{border:1px solid var(--blue,#2196f3);color:var(--blue,#2196f3);font:inherit;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.3rem;padding:.35rem .75rem;display:inline-flex}.preset-picker-apply-btn:hover{background:var(--hover-bg)}.preset-picker-apply-btn:focus-visible,.preset-picker-delete-btn:focus-visible{outline:2px solid var(--blue,#2196f3);outline-offset:2px}.preset-picker-delete-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.preset-picker-delete-btn:hover{background:var(--hover-bg);color:var(--danger,#d32f2f)}.preset-picker-delete-btn:disabled{opacity:.5;cursor:not-allowed}.config-switch-row{gap:1rem;margin-bottom:.75rem;display:flex}.config-switch-label{color:var(--text);cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:.875rem;display:flex}.config-switch-label input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.config-switch-label input[type=checkbox]:after{content:"";background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.config-switch-label input[type=checkbox]:checked{background:var(--blue)}.config-switch-label input[type=checkbox]:checked:after{transform:translate(20px)}.config-team-divider{border-top:1px solid var(--border);margin:.75rem 0}.config-group-picker{border-bottom:1px solid var(--border);flex-direction:column;gap:.3rem;margin-bottom:.85rem;padding-bottom:.85rem;display:flex}.config-group-picker .config-select{width:100%}.config-separator{border-top:1px solid var(--border);margin:.75rem 0}.config-range-row{margin-bottom:.75rem}.config-range{width:100%;accent-color:var(--blue);margin-top:4px}.config-field-row,.config-anchor{margin-bottom:.75rem}.config-anchor-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:6px;display:flex}.config-anchor-free{border:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--text);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.75rem}.config-anchor-free.is-active{border-color:var(--blue);color:var(--blue)}.config-anchor-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:220px;max-width:100%;display:grid}.config-anchor-cell{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0;display:flex}.config-anchor-cell:hover{background:var(--surface-light)}.config-anchor-cell:disabled{opacity:.35;cursor:default}.config-anchor-cell:disabled:hover{background:var(--surface)}.config-anchor-cell.is-active{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 18%, transparent)}.config-anchor-dot{background:var(--text);opacity:.4;border-radius:50%;width:8px;height:8px}.config-anchor-cell.is-active .config-anchor-dot{background:var(--blue);opacity:1}.config-anchor-hint{color:var(--text);opacity:.65;margin:6px 0 0;font-size:.72rem;line-height:1.3}.config-stepper-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.config-stepper-group{flex-direction:column;gap:4px;display:flex}.config-stepper{align-items:center;display:flex}.config-stepper-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.config-stepper-btn:first-child{border-radius:6px 0 0 6px}.config-stepper-btn:last-child{border-radius:0 6px 6px 0}.config-stepper-btn:active{background:var(--surface-light)}.config-stepper-input{border:1px solid var(--border);background:var(--bg);min-width:0;height:44px;color:var(--text);text-align:center;-moz-appearance:textfield;border-left:none;border-right:none;border-radius:0;outline:none;flex:1;padding:.5rem .25rem;font-size:.875rem}.config-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-stepper-input:focus{border-color:var(--blue)}.config-inline-btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.config-inline-btn:hover{background:var(--surface-light)}.config-inline-btn:disabled{opacity:.5;cursor:not-allowed}.config-inline-btn-links{color:var(--blue);border-color:var(--blue);margin-top:.5rem}.config-theme-inline{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.config-mode-toggle{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.75rem;display:grid}.config-mode-toggle-btn{border:2px solid var(--border);background:var(--surface);min-height:60px;color:var(--text-muted);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.45rem .3rem;font-size:.78rem;font-weight:500;line-height:1.15;transition:background .15s,border-color .15s,color .15s;display:flex}.config-mode-toggle-btn:hover:not(:disabled){background:var(--surface-light)}.config-mode-toggle-btn-active{border-color:var(--blue);color:var(--text);background:var(--surface-light)}.config-mode-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.config-mode-toggle-btn .material-icons{font-size:1.5rem}.side-switch-indicator{background:var(--surface-light);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.side-switch-indicator-pending{background:var(--orange);color:#fff;border-color:var(--orange);animation:1.2s ease-in-out infinite side-switch-pulse}.side-switch-indicator .material-icons{font-size:.95rem}@keyframes side-switch-pulse{0%,to{opacity:1}50%{opacity:.7}}.serve-switch-indicator{background:var(--surface-light);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.serve-switch-indicator-pending{color:#fff;background:#2f6fed;border-color:#2f6fed;animation:1.2s ease-in-out infinite side-switch-pulse}.serve-switch-indicator .material-icons{font-size:.95rem}.match-alerts-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.match-alert-indicator{border:1px solid var(--border);background:var(--surface-light);color:var(--text-muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.match-alert-indicator .material-icons{font-size:.95rem}.match-alert-indicator-finished{background:var(--green,#2e7d32);border-color:var(--green,#2e7d32);color:#fff;font-weight:600}.match-alert-indicator-match-point{color:#fff;background:#c62828;border-color:#c62828;animation:1.2s ease-in-out infinite side-switch-pulse}.match-alert-indicator-set-point{background:var(--orange);border-color:var(--orange);color:#fff}.config-theme-inline .config-select{flex:1;min-width:0}.config-field-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.config-field-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.config-field-group-row{align-items:center;gap:.5rem;display:flex}.config-field-group-row .config-select{flex:1;min-width:0}.config-combobox-row{align-items:center;gap:4px;display:flex}.config-combobox-row .config-select{flex:1;min-width:0}.config-combobox{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:6px;outline:none;flex:1;min-height:44px;padding:.5rem .75rem;font-size:.875rem}.config-combobox:focus{border-color:var(--blue)}.config-combobox::placeholder{color:var(--text-muted)}.config-combobox-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.config-combobox-btn:hover{background:var(--hover-bg)}.config-combobox-btn .material-icons{font-size:1.1rem}.font-selector{position:relative}.font-selector-trigger{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.font-selector-trigger:focus{border-color:var(--blue)}.font-selector-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.font-selector-preview{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:60px;font-size:1.1rem}.font-selector-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.2rem}.font-selector-dropdown{background:var(--surface);border:1px solid var(--border);z-index:100;-webkit-overflow-scrolling:touch;border-radius:8px;max-height:260px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0006}.font-selector-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;min-height:44px;padding:.6rem .75rem;font-size:.875rem;display:flex}.font-selector-option:hover{background:var(--surface-light)}.font-selector-option-active{background:var(--surface-light);color:var(--blue)}.font-selector-option .font-selector-preview{font-size:1.1rem}.dialog-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-backdrop{cursor:pointer;appearance:none;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.dialog-card{z-index:1;background:var(--surface);border-radius:12px;min-width:280px;padding:1.5rem;position:relative;box-shadow:0 8px 32px #00000080}.dialog-card:focus,.dialog-card:focus-visible{outline:none}.dialog-title{color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:600}.dialog-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:center;border-radius:8px;outline:none;margin-bottom:1rem;padding:.75rem;font-size:1.25rem}.dialog-input:focus{border-color:var(--blue)}.dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.dialog-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.dialog-btn:hover{background:var(--hover-bg)}.dialog-btn .material-icons{font-size:1.1rem}.dialog-btn-ok{color:#4caf50}.dialog-btn-cancel{color:var(--red)}.dialog-btn-danger{color:var(--red,#f44336)}.dialog-message{color:var(--text);margin:.25rem 0 1rem;font-size:.95rem;line-height:1.4}.point-picker-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0 0 1rem;display:grid}.point-picker-btn{border:1px solid var(--border,#7f7f7f66);color:var(--text);text-transform:capitalize;justify-content:center;padding:.85rem .5rem;font-size:1rem}.point-picker-team-dot{vertical-align:middle;border-radius:50%;width:.8rem;height:.8rem;margin-right:.5rem;display:inline-block}.shortcuts-help{min-width:320px;max-width:480px}.shortcuts-title{color:var(--text);margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.shortcuts-subtitle{color:var(--text);opacity:.75;margin:0 0 1rem;font-size:.85rem;line-height:1.4}.shortcuts-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.shortcuts-table td{vertical-align:middle;padding:.35rem .5rem}.shortcuts-keys{white-space:nowrap;width:1%}.shortcuts-label{color:var(--text);font-size:.9rem}.shortcut-kbd{border:1px solid var(--border);background:var(--bg);min-width:1.4rem;color:var(--text);text-align:center;border-bottom-width:2px;border-radius:4px;padding:.1rem .45rem;font-family:Menlo,Consolas,monospace;font-size:.8rem;line-height:1.2;display:inline-block}.shortcut-sep{color:var(--text);opacity:.5;margin:0 .15rem;font-size:.85rem}.shortcuts-actions{justify-content:flex-end;display:flex}.gesture-coachmark{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out coachmark-fade-in;display:flex;position:fixed;inset:0}.gesture-coachmark-card{background:var(--surface);width:100%;max-width:420px;color:var(--text);border:1px solid var(--border);box-shadow:0 12px 32px var(--shadow-heavy);text-align:center;border-radius:12px;outline:none;padding:1.5rem 1.25rem}.gesture-coachmark-icon{width:56px;height:56px;color:var(--blue,#2196f3);background:#2196f326;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.gesture-coachmark-icon .material-icons{font-size:2rem}.gesture-coachmark-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.gesture-coachmark-body{color:var(--text-muted,var(--text));margin:0 0 1rem;font-size:.9rem;line-height:1.4}.gesture-coachmark-progress{gap:6px;margin-bottom:1rem;display:inline-flex}.gesture-coachmark-dot{background:var(--border);border-radius:50%;width:8px;height:8px;display:inline-block}.gesture-coachmark-dot-active{background:var(--blue,#2196f3)}.gesture-coachmark-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.gesture-coachmark-btn{background:var(--blue,#2196f3);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.gesture-coachmark-btn:hover{opacity:.92}.gesture-coachmark-btn-skip{color:var(--text-muted);border-color:var(--border);background:0 0}.gesture-coachmark-btn-skip:hover{background:var(--hover-bg);opacity:1}.gesture-coachmark-btn-prev{color:var(--text);border-color:var(--border);background:0 0}.gesture-coachmark-btn-prev:hover{background:var(--hover-bg)}.gesture-coachmark-btn .material-icons{font-size:1rem}@keyframes coachmark-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gesture-coachmark{animation:none}}.recent-audit-drawer{z-index:1700;pointer-events:none;position:fixed;inset:0}.recent-audit-backdrop{cursor:pointer;pointer-events:auto;z-index:0;background:0 0;border:0;padding:0;position:absolute;inset:0}.recent-audit-card{background:var(--surface);color:var(--text);border-top:1px solid var(--border);border-left:1px solid var(--border);box-shadow:0 -4px 20px var(--shadow-heavy);pointer-events:auto;z-index:1;border-top-left-radius:12px;border-top-right-radius:12px;flex-direction:column;width:100%;max-height:60vh;animation:.22s ease-out recent-audit-slide-up;display:flex;position:absolute;bottom:0;right:0}@media (width>=720px){.recent-audit-card{border-top:0;border-radius:0;width:380px;max-width:95vw;max-height:none;animation:.22s ease-out recent-audit-slide-right;top:0}}@keyframes recent-audit-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes recent-audit-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.recent-audit-card{animation:none}}.recent-audit-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.recent-audit-title{flex:1;margin:0;font-size:1rem;font-weight:600}.recent-audit-toolbar{gap:4px;display:inline-flex}.recent-audit-btn{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.recent-audit-btn .material-icons{font-size:1.1rem}.recent-audit-btn:hover{background:var(--hover-bg)}.recent-audit-btn:focus-visible{outline:2px solid var(--blue,#2196f3);outline-offset:2px}.recent-audit-body{flex:1;padding:.5rem .5rem 1rem;overflow-y:auto}.recent-audit-empty,.recent-audit-error{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.9rem}.recent-audit-error{color:var(--red)}.recent-audit-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.recent-audit-row{border-left:3px solid var(--border);background:#7f7f7f0a;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;line-height:1.3;display:flex}.recent-audit-row-undo{color:var(--text-muted);text-decoration:line-through}.recent-audit-row-point-t1{border-left-color:var(--chip-point-t1);background:var(--chip-bg-point-t1)}.recent-audit-row-point-t2{border-left-color:var(--chip-point-t2);background:var(--chip-bg-point-t2)}.recent-audit-row-point{border-left-color:var(--chip-point);background:var(--chip-bg-point)}.recent-audit-row-set{border-left-color:var(--chip-set);background:var(--chip-bg-set)}.recent-audit-row-timeout{border-left-color:var(--chip-timeout);background:var(--chip-bg-timeout)}.recent-audit-row-serve{border-left-color:var(--chip-serve);background:var(--chip-bg-serve)}.recent-audit-row-edit{border-left-color:var(--chip-edit);background:var(--chip-bg-edit)}.recent-audit-row-reset{border-left-color:var(--chip-reset);background:var(--chip-bg-reset)}.recent-audit-row-undone,.recent-audit-row-other{border-left-color:var(--text-muted)}.recent-audit-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.recent-audit-row-score{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;padding:0 4px;font-size:.78rem}.recent-audit-row-ts{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.action-chip{align-items:center;gap:4px;display:inline-flex}.action-chip .chip-glyph{color:#fff;background:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.action-chip .chip-glyph-point-t1{background:var(--chip-point-t1)}.action-chip .chip-glyph-point-t2{background:var(--chip-point-t2)}.action-chip .chip-glyph-point{background:var(--chip-point)}.action-chip .chip-glyph-set{background:var(--chip-set)}.action-chip .chip-glyph-timeout{background:var(--chip-timeout);color:#1f1300}.action-chip .chip-glyph-serve{background:var(--chip-serve)}.action-chip .chip-glyph-edit{background:var(--chip-edit)}.action-chip .chip-glyph-reset{background:var(--chip-reset);color:#1a1a2e}.action-chip .chip-glyph-undone,.action-chip .chip-glyph-other{color:var(--text-muted);border:1px solid var(--border);background:0 0}.action-chip-label{color:var(--text);font-size:.85rem}.connection-status{top:max(.5rem, env(safe-area-inset-top));z-index:1500;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:opacity .2s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.connection-status-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.connection-status-offline{color:#1f1300;box-shadow:0 2px 6px var(--shadow);background:#ff9800f2;border:1px solid #ff98008c;animation:1.4s ease-in-out infinite connection-pulse}.connection-status-presence{background:color-mix(in srgb, var(--panel) 92%, var(--blue) 8%);color:var(--text);border:1px solid color-mix(in srgb, var(--blue) 45%, var(--border));box-shadow:0 2px 6px var(--shadow)}.connection-status-presence .material-icons{color:var(--blue);font-size:1rem}.connection-status-offline .material-icons{font-size:1rem}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.connection-status-offline{animation:none}}.serve-icon{transition:opacity .2s}.serve-icon:focus-visible{outline:2px solid var(--blue,#2196f3);outline-offset:2px;border-radius:4px}.set-summary-notice{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;padding:10px 14px;display:flex}.set-summary-notice-dot{background:var(--green,#2e7d32);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #2ecc712e}.set-summary-notice-body{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.set-summary-notice-cta{color:var(--red,#f44336);cursor:pointer;background:#f443361f;border:1px solid #f443368c;border-radius:8px;padding:8px 16px;font-weight:700;transition:background .15s}.set-summary-notice-cta:hover:not(:disabled){background:#f4433638}.set-summary-notice-cta:disabled{opacity:.55;cursor:default}.set-summary-style-picker{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;display:grid}.set-summary-style-option{border:1px solid var(--border);background:var(--surface-light,#ffffff0a);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.78rem;transition:border-color .15s,background .15s}.set-summary-style-option:hover:not(:disabled){border-color:#2ecc7180}.set-summary-style-option.selected{border-color:var(--green,#2e7d32);color:var(--green,#2e7d32);background:#2ecc7124;font-weight:700}.set-summary-style-option:disabled{opacity:.5;cursor:default}.swap-sides-button{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:inline-flex}.swap-sides-button:hover{color:#fff;background:#ffffff24}.swap-sides-button[aria-pressed=true]{color:#ffd54f;border-color:#ffd54f73}.swap-sides-button .material-icons{font-size:20px}:root.light .swap-sides-button{color:#14181dcc;background:#00000014;border-color:#0000004d}:root.light .swap-sides-button:hover{color:#14181d;background:#00000029}:root.light .swap-sides-button[aria-pressed=true]{color:#9a6c00;border-color:#9a6c008c}:root.light .config-hint{color:#14181d99}.config-hint{color:#ffffff8c;margin:2px 0 0;font-size:12px;line-height:1.4}.config-instant-hint{align-items:center;gap:4px;margin:0 0 10px;display:flex}.config-instant-hint .material-icons{font-size:14px}.config-auto-swap-row{margin-top:10px}
