:root{--ink:#15231d;--muted:#66736d;--paper:#f4f1e9;--card:#fffdf8;--accent:#f25b3d;--green:#19735d;--blue:#3577b8;--yellow:#e5aa32;--line:#d9d7cf}*{box-sizing:border-box}html,body{height:100%;margin:0;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}main{height:100%;display:grid;grid-template-columns:340px 1fr}.sidebar{z-index:500;overflow:auto;padding:28px 26px;background:rgba(255,253,248,.97);box-shadow:4px 0 24px #15231d1c}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--accent)}h1{font-size:32px;line-height:1;margin:.25rem 0}.muted{color:var(--muted)}h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:24px 0 10px}.hero-stat{margin:24px 0;padding:20px;border-radius:16px;background:var(--ink);color:white}.hero-stat strong{font-size:26px}.hero-stat .percent{font-size:44px;font-weight:800;line-height:1.1;margin-top:8px}.hero-stat p{font-size:12px;color:#cad2ce;margin-bottom:0}.progress{height:7px;background:#ffffff26;border-radius:9px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .5s}.athlete-stat{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.athlete-stat strong{display:block}.athlete-stat small{color:var(--muted)}button,.button{display:inline-block;border:0;background:var(--accent);color:white;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:var(--ink)}button.danger{background:#9e3434}button.small{padding:6px 9px}.button-row{display:flex;gap:5px}.button-row button{background:#e5e3dc;color:var(--ink);padding:8px 10px;font-size:12px}.button-row button.active{background:var(--ink);color:white}.check{display:block;margin:12px 0}input,select{width:100%;padding:10px;margin:5px 0 12px;border:1px solid #c9c7bf;border-radius:7px;background:white;font:inherit}input[type=checkbox]{width:auto;margin-right:6px}.activities article{padding:9px 0;border-bottom:1px solid var(--line)}.activities strong,.activities span{display:block}.activities span{font-size:12px;color:var(--muted)}footer{margin-top:28px;color:var(--muted);font-size:12px}a{color:var(--green)}#map{height:100%;width:100%}.legend{position:fixed;z-index:600;right:18px;bottom:18px;background:#fff;padding:9px 12px;border-radius:9px;box-shadow:0 3px 15px #0002;display:flex;gap:10px;font-size:11px}.legend span{display:flex;align-items:center;gap:4px}.legend i{display:inline-block;width:15px;height:4px;border-radius:4px}.legend .none{background:#89918d}.legend .a{background:var(--accent)}.legend .b{background:var(--blue)}.legend .both{background:var(--green)}dialog{border:0;border-radius:14px;max-width:480px;width:calc(100% - 30px);box-shadow:0 15px 60px #0005}dialog::backdrop{background:#15231d88}.dialog-close{float:right;background:transparent;color:var(--ink);font-size:24px;padding:0}.evidence{padding:8px 0;border-top:1px solid var(--line)}.admin-page{height:auto;min-height:100%;padding:28px}.admin-page main{display:block;height:auto}.admin-shell{max-width:1100px;margin:auto}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.admin-header h1{margin-top:12px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--card);padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 7px 25px #15231d0b}.card.narrow{max-width:440px;margin:8vh auto}.notice{padding:12px 15px;margin:15px 0;border-radius:8px;background:#dcefe8}.notice.error{background:#f4d8d5}.activity-admin{margin-top:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.sr-only{position:absolute;left:-9999px}
.mobile-toolbar{display:none}
.activities a{text-decoration:none}.activities a:hover{text-decoration:underline}
.activities article{position:relative;padding-right:62px}.activities .activity-card-replay{position:absolute;right:0;top:9px;padding:5px 7px;background:var(--blue);font-size:10px}
.leaflet-overlay-pane path{transition:stroke .24s ease,stroke-width .24s ease,stroke-opacity .24s ease}
.replay-launch{width:100%;margin:0 0 12px}.replay-launch:disabled{opacity:.45;cursor:not-allowed}
.replay-panel[hidden]{display:none}.replay-panel{position:fixed;z-index:650;left:365px;right:18px;bottom:55px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,2fr);align-items:center;gap:18px;padding:14px 16px;border-radius:14px;background:rgba(21,35,29,.96);color:white;box-shadow:0 6px 30px #0005;backdrop-filter:blur(8px)}
.replay-fold{position:absolute;right:12px;top:7px;padding:3px 7px;background:#ffffff18;color:#dbe3df;font-size:10px;z-index:2}
.replay-info span,.replay-info strong,.replay-info small{display:block}.replay-info span{color:#f39a86;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.replay-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-info strong a{color:white;text-decoration:none}.replay-info small{color:#bdc9c3}.replay-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto auto;align-items:center;gap:9px}.replay-controls button{padding:8px 11px}.replay-controls input{width:100%;margin:0;accent-color:var(--accent)}.replay-controls select{width:auto;margin:0;padding:7px;background:#fff}.replay-count{font-size:11px;color:#bdc9c3;white-space:nowrap}.replay-controls .replay-close{background:transparent;color:white;font-size:22px;padding:2px 5px}
@media(max-width:760px){.replay-panel{left:12px;right:12px;bottom:58px;grid-template-columns:1fr;gap:8px;padding:11px 13px}.replay-info strong{font-size:14px}.replay-controls{gap:6px}.replay-controls select{max-width:70px;font-size:12px;padding:6px 3px}.replay-count{font-size:10px}.replay-launch{margin:0}.controls label:last-child{grid-column:1/-1}}
@media(max-width:760px){main{display:block}.sidebar{position:absolute;top:12px;left:12px;right:12px;max-height:46%;padding:17px;border-radius:14px;box-shadow:0 4px 25px #0003}.sidebar header .muted,.sidebar section:not(.hero-stat):not(.controls),.sidebar footer{display:none}.sidebar h1{font-size:24px}.hero-stat{margin:12px 0;padding:13px}.hero-stat .percent{font-size:30px}.hero-stat p{margin-top:6px}.controls h2{display:none}.controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.controls input[type=search]{margin:0}.controls .check{display:none}#map{height:100vh}.legend{left:12px;right:auto;bottom:10px;flex-wrap:wrap;max-width:calc(100% - 24px)}.admin-page{padding:15px}.admin-grid{grid-template-columns:1fr}.admin-header{align-items:center}}
.mode-actions{display:grid;gap:7px;margin:10px 0 12px}.mode-actions .button,.mode-actions button{width:100%;margin:0;text-align:center}.art-launch{background:linear-gradient(110deg,#5e3b8c,#f25b3d);box-shadow:0 4px 16px #5e3b8c42}.activity-launch{background:var(--blue)}.mode-actions :disabled{opacity:.45;cursor:not-allowed}
.activity-replay-panel{z-index:660}.activity-replay-body{min-width:0}.activity-selectors{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(220px,1.6fr);gap:8px}.activity-selectors label{color:#bdc9c3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.activity-selectors select{margin:3px 0 8px;padding:7px}.activity-playback{grid-template-columns:auto minmax(100px,1fr) auto auto auto}.leaflet-overlay-pane .activity-replay-line{filter:drop-shadow(0 0 4px #11e8ff)}
.activity-replay-key{display:flex;gap:12px;margin:0 0 8px;color:#bdc9c3;font-size:10px}.activity-replay-key span{display:flex;align-items:center;gap:4px}.activity-replay-key i{display:inline-block;width:17px;height:4px;border-radius:4px}.activity-replay-key .gps{background:#75569d}.activity-replay-key .already{background:#4598ed}.activity-replay-key .new{background:#b8ff2c;box-shadow:0 0 5px #b8ff2c}
#filters button[data-filter=remaining].active{background:#d71955;color:white;box-shadow:0 0 0 2px #ff6e9a66}.legend .none{background:#d71955}
@media(max-width:760px){.sidebar{max-height:58%}.activity-selectors{grid-template-columns:100px minmax(0,1fr)}.activity-selectors select{font-size:12px;max-width:none}.mode-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.mode-actions .button,.mode-actions button{padding:8px 5px;font-size:11px}.activity-replay-panel{left:8px;right:8px;bottom:48px}.activity-replay-panel .replay-info small{display:none}}
@media(max-width:760px){
  .sidebar{z-index:900;max-height:calc(100vh - 24px);padding:10px 12px;background:rgba(255,253,248,.94)}
  .leaflet-top.leaflet-left{top:58px}
  .mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
  .mobile-toolbar div{display:flex;align-items:baseline;gap:8px;min-width:0}
  .mobile-toolbar strong{font-size:21px}.mobile-toolbar span{color:var(--muted);font-size:12px;white-space:nowrap}
  .mobile-toolbar button{padding:7px 10px;background:var(--ink);font-size:11px}
  .sidebar[data-collapsed="true"] .sidebar-content{display:none}
  .sidebar[data-collapsed="false"] .sidebar-content{display:block;overflow:auto;max-height:calc(100vh - 76px)}
  .hero-stat{margin:10px 0 8px}
  .replay-panel{z-index:950;padding-top:30px}
  .replay-panel.folded{left:50%;right:auto;bottom:56px;width:calc(100% - 28px);transform:translateX(-50%);display:block;padding:9px 88px 9px 12px;border-radius:10px}
  .replay-panel.folded>.replay-controls,.replay-panel.folded>.activity-replay-body{display:none}
  .replay-panel.folded .replay-info span,.replay-panel.folded .replay-info small{display:none}
  .replay-panel.folded .replay-info strong{font-size:12px}
  .replay-panel.folded .replay-fold{top:7px;right:8px}
}