:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#172638;background:#f6f8fb;font-size:14px;font-synthesis:none;--accent:#087f72;--muted:#617484;--border:#e7edf2;--navy:#14263a}
*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #218e80;outline-offset:3px}button,input,select{border-radius:7px}button{border:0}input,select{border:1px solid #dbe3ea;background:white;color:#24374a}input{padding:11px 12px}select{padding:9px 10px;font-size:12px}button.primary{background:var(--accent);color:white;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-weight:600;box-shadow:0 3px 8px #087f7219}button.primary:hover:not(:disabled){background:#076e64}button.primary.stop{background:#fff;color:#c25150;box-shadow:none;border:1px solid #edcccb}button.secondary{background:white;border:1px solid #dce4eb;color:#34485a;padding:9px 14px;font-weight:500}button.secondary:hover:not(:disabled){background:#f5f8fa}[hidden]{display:none!important}
.sidebar{width:218px;flex-shrink:0;background:var(--navy);color:#dce6ef;position:fixed;inset:0 auto 0 0;padding:34px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-symbol{font-size:21px;font-weight:800;letter-spacing:-1px;width:41px;height:42px;display:grid;place-items:center;background:#173b48;border:1px solid #365863;border-radius:11px;color:#79d2be;position:relative}.brand-symbol>span{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#9de3c4}.brand strong{font-size:14px;font-weight:600}.brand small{display:block;color:#9aabb8;font-size:9px;letter-spacing:2px;margin-top:6px}.section-label{font-size:10px;color:#7c91a6;letter-spacing:2px;margin:44px 12px 13px}nav{display:grid;gap:8px}.nav-item{background:transparent;color:#98adc0;display:flex;align-items:center;gap:12px;padding:13px 13px;text-align:left;font-size:13px;position:relative}.nav-item:hover{background:#21374b;color:white}.nav-item.selected{background:#254153;color:#e9ffff}.nav-item.selected:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:#68caba;border-radius:3px}.nav-icon{font-size:19px;width:20px;color:#8baaba}.selected .nav-icon{color:#7cd2c5}.nav-arrow{margin-left:auto;color:#7693a4;font-size:21px}.sidebar-bottom{margin-top:auto}.session-card{border:1px solid #324357;border-radius:9px;padding:13px 10px;display:flex;align-items:center;gap:9px}.session-avatar{background:#324b60;color:#d3e7f2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:600}.session-card strong{font-size:12px;display:block;max-width:113px;overflow:hidden;text-overflow:ellipsis}.session-card small{color:#89a2b9;font-size:10px;display:block;margin-top:5px}.session-card>.small-dot{margin-left:auto}.folder-button{background:transparent;color:#a1b5c7;font-size:12px;padding:19px 3px 4px}.folder-button:hover{color:white}.sidebar-bottom p{color:#91a8bd;font-size:11px;line-height:1.9;margin:12px 3px 27px}.sidebar-version{font-size:9px;letter-spacing:1.8px;color:#91a8bd;display:flex;justify-content:space-between;border-top:1px solid #2e4054;padding-top:16px}.sidebar-version span{letter-spacing:0}
main{margin-left:218px;min-width:0;width:calc(100% - 218px)}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--border);padding:0 34px;font-size:12px}.crumb{color:#617484}.crumb-slash{color:#617484;padding:0 13px}.clock{display:flex;align-items:center;gap:9px;color:#566879;font-variant-numeric:tabular-nums;letter-spacing:.5px}.clock>.small-dot{background:#6cbaa3}.local-label{color:#617484;font-size:10px;letter-spacing:0;margin-left:5px}.workspace{padding:31px 34px 22px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.eyebrow{font-size:10px;color:#6b8f91;letter-spacing:2px;font-weight:600}h1{font-size:28px;letter-spacing:.5px;font-weight:650;margin:9px 0 9px}.page-heading p{margin:0;color:#617484;font-size:12px}.small-dot{display:inline-block;width:7px;height:7px;background:#a6b4bd;border-radius:50%;flex-shrink:0}.small-dot.green{background:#1aaf91;box-shadow:0 0 0 4px #1aaf9110}.small-dot.orange{background:#eaaa44}.small-dot.red{background:#db6a65}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat{border:1px solid var(--border);border-radius:10px;background:white;padding:19px 20px 17px;box-shadow:0 2px 5px #26394a03}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#617484}.stat-icon{color:#9baebc;font-size:17px}.stat strong{font-size:30px;letter-spacing:-.5px;display:block;margin:12px 0 9px;font-weight:650;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#617484;display:block}.status-stat strong{font-size:21px;margin:17px 0 14px;letter-spacing:0}.status-stat small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.panel{border:1px solid var(--border);background:white;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px #293a4c03}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;gap:12px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:10px;flex-shrink:0}h2{font-size:14px;font-weight:600;margin:0}.count-badge{border-radius:5px;color:#658291;background:#eef4f6;padding:3px 7px;font-size:10px;font-variant-numeric:tabular-nums}.toolbar-actions{display:flex;gap:8px;align-items:center}.search-box{display:flex;align-items:center;border:1px solid #e1e8ed;border-radius:7px;padding-left:10px;gap:4px;color:#8c9ca9}.search-box span{font-size:22px}.search-box input{border:0;font-size:11px;padding:9px 5px;background:transparent;width:192px}.search-box input::placeholder{color:#617484}.search-box input:focus-visible{outline-offset:0}.table-scroll{max-height:440px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}thead{background:#f9fbfc;color:#617484}th{font-weight:500;padding:13px 16px;white-space:nowrap;position:sticky;top:0;background:#f9fbfc;z-index:1}td{padding:13px 16px;border-top:1px solid #eef2f5;color:#526879;white-space:nowrap}tr:hover td{background:#fafcfc}th:first-child,td:first-child{padding-left:21px}td.table-cell strong{font-size:12px;color:#2a4255;display:block;font-weight:600}td.table-cell small{font-size:9px;color:#617484;display:block;margin-top:5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#617484}.winner{display:inline-block;padding:4px 10px;border-radius:5px;font-weight:600;font-size:11px}.winner.banker{background:#fff0ee;color:#c4554c}.winner.player{background:#eaf1fc;color:#4f7ab9}.winner.tie{background:#e7f5ee;color:#388469}.points{font-weight:600;font-variant-numeric:tabular-nums;font-size:13px;color:#253f50}.points>span{font-size:10px;color:#bdc8d0;padding:0 7px}.cards{display:grid;gap:4px;font-size:10px;color:#617484}.cards span>b{font-weight:500;color:#617484;margin-right:5px}.pair{font-size:10px;color:#946933;background:#fbf4e8;padding:3px 5px;border-radius:4px;margin-right:3px}.table-footer{padding:13px 21px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#617484;min-height:46px}.pagination{display:flex;align-items:center;gap:13px;color:#7b8d9a}.pagination button{width:26px;height:25px;border:1px solid var(--border);background:white;color:#6c879b;font-size:19px;line-height:19px}.empty{text-align:center;padding:60px 20px;color:#7b8e9e}.empty>div{font-size:32px;color:#afc0cb;margin-bottom:15px}.empty strong{font-size:14px;color:#65808c}.empty p{font-size:11px;margin-top:12px}.activity-panel{margin-top:24px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:17px 21px}.activity-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.activity-heading h2{display:flex;gap:9px;align-items:center;font-size:12px}.activity-heading>span{font-size:10px;color:#617484}.activity-dot{width:6px;height:6px;background:#95afa9;border-radius:50%}.activity-row{display:flex;align-items:flex-start;gap:15px;font-size:11px;padding:6px 0;color:#718592;line-height:1.5}.activity-row time{color:#617484;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap}.workspace-footer{display:flex;justify-content:space-between;font-size:10px;color:#617484;margin-top:19px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:8px}.workspace-footer .small-dot{width:5px;height:5px;background:#87b4a6}.error-banner{background:#fff3ee;border:1px solid #f0d8cc;padding:13px 16px;border-radius:8px;display:flex;justify-content:space-between;gap:20px;color:#b4694d;font-size:12px;margin-bottom:20px}.error-banner button{background:none;color:#a86247;font-size:11px}.toast{position:fixed;bottom:28px;left:calc(50% + 109px);transform:translateX(-50%);background:#203c49;color:white;padding:13px 22px;border-radius:8px;box-shadow:0 5px 22px #15242b26;max-width:640px;font-size:12px;z-index:10;line-height:1.6}.toast.error{background:#945548}
.road-legend{display:flex;gap:16px;padding:15px 22px;font-size:10px;color:#617484;align-items:center}.road-legend>span{display:flex;align-items:center;gap:7px}.road-legend>span:last-child{margin-left:auto}.bead{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;background:#f0f3f7;color:#718899;flex-shrink:0}.bead.banker{border:1px solid #e1918a;color:#c75d55;background:#fff4f2}.bead.player{border:1px solid #81a5d2;color:#507fbd;background:#f0f6ff}.bead.tie{border:1px solid #85bfa2;color:#48906c;background:#effaf3}.road-legend .bead{width:9px;height:9px}.roads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 21px 21px;max-height:490px;overflow:auto}.road-card{border:1px solid #e6edf2;padding:15px;border-radius:8px;background:#fff}.road-card-header{display:flex;justify-content:space-between;align-items:center;gap:9px}.road-card-header strong{font-size:12px;color:#334b5c}.road-card-header small{font-size:9px;color:#617484}.road-card p{font-size:10px;color:#617484;margin:6px 0 15px}.beads{display:grid;grid-template-columns:repeat(8,22px);gap:6px;min-height:78px;align-content:start}.road-empty{color:#617484;font-size:11px;padding-top:23px}.road-card-footer{display:flex;justify-content:space-between;font-size:9px;color:#617484;margin-top:10px}
.session-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-panel{padding:25px}.settings-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.settings-icon{background:#eef6f5;color:#548d85;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:24px}.settings-title p{font-size:11px;color:#617484;margin:8px 0 0;line-height:1.6}.session-details{margin:0 0 23px}.session-details>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f3f6;font-size:11px}.session-details dt{color:#617484}.session-details dd{margin:0;color:#3b5865;font-variant-numeric:tabular-nums}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-actions .primary{padding:10px 15px;font-size:12px}.note{font-size:11px;line-height:1.8;color:#617484;margin-top:23px}.settings-panel form{display:grid;gap:10px}.settings-panel label{font-size:11px;color:#617484}.settings-panel input{font-size:12px;width:100%;margin-bottom:4px}.settings-panel form button{justify-self:start;margin-top:6px}.text-button{background:none;padding:13px 0 0;font-size:11px;color:#548d85}.data-settings{grid-column:1/-1;padding:22px 25px}.data-settings p{font-size:11px;color:#617484;overflow-wrap:anywhere}.data-settings small{display:block;margin-top:16px;font-size:10px;line-height:1.6;color:#617484}.data-settings button{font-size:11px}
@media(min-width:1450px){.beads{grid-template-columns:repeat(8,25px);gap:8px}.bead{width:25px;height:25px}.table-scroll{max-height:550px}.roads-grid{max-height:600px}}@media(max-width:1120px){.sidebar{width:190px;padding-left:13px;padding-right:13px}.brand{padding:0 4px;gap:8px}.brand strong{font-size:12px}main{margin-left:190px;width:calc(100% - 190px)}.workspace{padding:27px 24px 20px}.topbar{padding:0 24px}.stat{padding:17px 15px}.panel-toolbar{padding:17px 15px}.search-box input{width:140px}.toolbar-actions{gap:6px}th,td{padding:12px 10px}.roads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 95px)}}

.nav-item{text-decoration:none;border-radius:7px}a:focus-visible{outline:3px solid #218e80;outline-offset:3px}
button.primary.stop:hover:not(:disabled){background:#fff5f4}
@media(max-height:900px){.topbar{height:56px}.workspace{padding-top:24px}.page-heading{margin-bottom:20px}.stat{padding-top:15px;padding-bottom:14px}.stats-grid{margin-bottom:19px}.stat strong{margin-top:9px;margin-bottom:7px}.panel-toolbar{padding-top:14px;padding-bottom:14px}.table-scroll{max-height:clamp(190px,calc(100vh - 610px),300px)}.roads-grid{max-height:clamp(210px,calc(100vh - 580px),330px)}.activity-panel{margin-top:18px;padding-top:14px;padding-bottom:14px}}

.web-login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.web-login-card{margin:0;width:min(100%,420px);padding:32px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 50px #17334a0a}.web-login-card h1{font-size:25px;margin-top:22px}.web-login-card>p{color:var(--muted);font-size:12px;line-height:1.7}.web-login-card form{display:grid;gap:12px;margin:26px 0}.web-login-card label{font-size:12px;color:var(--muted)}.web-login-card .primary{justify-content:center;margin-top:8px}.web-login-card small{color:var(--muted);font-size:11px;line-height:1.8}.web-login-card #web-login-error{margin:0;color:#b3473c;font-size:12px}
@media(max-width:780px){.web-mode{display:block}.web-mode .sidebar{position:static;width:100%;padding:16px;gap:15px}.web-mode .section-label,.web-mode .sidebar-bottom{display:none}.web-mode nav{display:flex;gap:6px}.web-mode .nav-item{flex:1;padding:10px 8px;font-size:12px;gap:7px}.web-mode .nav-arrow{display:none}.web-mode main{margin:0;width:100%}.web-mode .topbar{padding:0 16px}.web-mode .local-label{display:none}.web-mode .workspace{padding:22px 16px}.web-mode h1{font-size:24px}.web-mode .page-heading{gap:15px}.web-mode .page-heading p{font-size:11px;line-height:1.6}.web-mode .page-heading .primary{padding:11px 13px;font-size:12px}.web-mode .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.web-mode .stat strong{font-size:25px}.web-mode .status-stat strong{font-size:19px}.web-mode .panel-toolbar{flex-wrap:wrap}.web-mode .toolbar-actions{width:100%;flex-wrap:wrap}.web-mode .search-box{flex:1;min-width:120px}.web-mode .search-box input{width:100%;min-width:0}.web-mode .session-layout{grid-template-columns:1fr}.web-mode .roads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-mode .road-legend{gap:10px;flex-wrap:wrap}.web-mode .toast{left:50%;max-width:calc(100% - 32px);width:max-content}.web-mode .activity-heading>span{display:none}}
@media(max-width:600px){.web-mode .roads-grid{grid-template-columns:1fr}.web-mode .road-legend>span:last-child{margin-left:0}}

@media(max-width:780px){.web-mode .sidebar-bottom{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:0}.web-mode .sidebar-bottom .session-card{padding:8px 10px;margin:0;border:0;background:transparent}.web-mode .sidebar-bottom .session-avatar,.web-mode .sidebar-bottom .session-dot,.web-mode .sidebar-bottom p,.web-mode .sidebar-version{display:none}.web-mode .sidebar-bottom .folder-button{margin:0;padding:8px;font-size:11px}}

/* Shared workspace navigation and page sections. */
.brand-link{color:inherit;text-decoration:none}.sidebar{padding-top:27px;overflow-y:auto}.workspace-nav{margin-top:25px;gap:5px}.nav-section-label{font-size:10px;color:#8ca3b7;letter-spacing:1px;padding:15px 13px 7px}.workspace-nav .nav-item{padding:11px 13px}.workspace-nav .nav-icon{font-size:18px}.topbar{position:sticky;top:0;z-index:4}.workspace{max-width:1680px}.view-tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid #dfe7ed;margin:0 0 22px;scrollbar-width:thin}.view-tabs>button{position:relative;flex-shrink:0;background:transparent;border-radius:0;padding:13px 2px 14px;color:#657a8a;font-size:12px;font-weight:500}.view-tabs>button[aria-selected="true"]{color:#087f72;font-weight:650;border-bottom:2px solid #087f72}.view-tabs>button:hover{color:#087f72}.view-tabs>button>span{font-size:10px;background:#eaf0f3;color:#677e8c;padding:2px 6px;border-radius:5px;margin-left:5px}.view-tabs>button[aria-selected="true"]>span{background:#e2f2ed;color:#087f72}.view-tabs>button:focus-visible{outline-offset:-4px}.secondary-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce4eb;background:white;color:#34485a;padding:10px 16px;border-radius:7px;text-decoration:none;font-size:12px;white-space:nowrap}.collector-monitor-note{padding:23px;margin-top:5px}.collector-monitor-note p{font-size:12px;color:var(--muted);line-height:1.9}.collector-monitor-note p:last-child{margin-bottom:0}.cell-subtext{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:400}.inline-link{background:transparent;border:0;padding:0;color:#087f72;font-size:11px;text-decoration:none;line-height:1.7}.inline-link:hover,.sim-link:hover{text-decoration:underline}.inline-link:focus-visible{outline-offset:3px}.danger-button{padding:10px 17px;background:#b14f46;color:white;font-size:12px}.danger-button:hover:not(:disabled){background:#963f39}.danger-link{background:transparent!important;color:#af514b!important}.danger-link:hover:not(:disabled){background:#fff1ef!important}#records-view .table-scroll{max-height:calc(100dvh - 342px);min-height:220px}#records-view .roads-grid{max-height:none}.session-layout:has([data-setting-view="storage"]:not([hidden])){grid-template-columns:1fr}.workspace-footer{gap:12px;line-height:1.7}
@media(max-width:1120px){.workspace-nav .nav-item{padding:11px 9px}.nav-section-label{padding-left:9px}.view-tabs{gap:19px}}
@media(max-width:780px){.web-mode .sidebar{padding:15px 16px;gap:12px}.web-mode .workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.web-mode .workspace-nav .nav-section-label{display:none}.web-mode .workspace-nav .nav-item{padding:9px 7px;font-size:11px;gap:5px;justify-content:center}.web-mode .workspace-nav .nav-icon{width:16px;font-size:17px}.web-mode .sidebar-bottom{display:none}.web-mode .brand strong{font-size:13px}.web-mode .brand small{font-size:8px}.web-mode .topbar{height:47px;font-size:11px}.web-mode .clock{font-size:10px;letter-spacing:0;gap:6px}.web-mode .workspace{padding:21px 14px}.web-mode .view-tabs{gap:20px;margin-bottom:18px}.web-mode .view-tabs>button{font-size:12px}.web-mode .workspace-footer{flex-wrap:wrap}.web-mode #records-view .table-scroll{max-height:calc(100dvh - 385px)}.web-mode .panel-toolbar{padding-left:14px;padding-right:14px}.web-mode .table-footer{gap:13px;flex-wrap:wrap}.web-mode .settings-panel{padding:20px}.web-mode .collector-monitor-note{padding:18px}.web-mode .page-heading p{line-height:1.8}}