body.map-view .hero { display:none; }
body.map-view .status-bar { display:none !important; }
body.map-view .tabs { margin-top:0; }
.course-shell { position:relative; height:calc(100svh - 90px); min-height:480px; background:#102c24; overflow:hidden; color:white; }
.course-shell button { font:inherit; cursor:pointer; }
.course-canvas { width:100%; height:100%; display:block; touch-action:none; cursor:grab; }
.course-canvas:active { cursor:grabbing; }
.course-brand { position:absolute; top:20px; left:20px; padding:14px 18px; background:rgba(10,48,38,.92); border:1px solid #ffffff26; border-radius:16px; pointer-events:none; box-shadow:0 8px 30px #0003; }
.course-brand small { display:block; font-size:10px; letter-spacing:2px; color:#cbdccf; margin-bottom:5px; }
.course-brand strong { font-size:19px; font-weight:500; }
.course-controls { position:absolute; right:20px; top:20px; display:grid; gap:8px; }
.course-controls button { width:44px; height:44px; border:0; border-radius:12px; background:#fff; color:#174b3a; font-size:22px; box-shadow:0 4px 16px #0003; }
.course-controls button:focus-visible,.course-dock button:focus-visible { outline:3px solid #e8d4a8; outline-offset:3px; }
.course-dock { position:absolute; bottom:38px; left:50%; transform:translateX(-50%); display:flex; gap:5px; background:rgba(8,36,29,.95); padding:7px; border:1px solid #ffffff30; border-radius:20px; box-shadow:0 10px 40px #0005; }
.course-dock button { display:grid; gap:5px; justify-items:center; min-width:90px; padding:10px 16px; color:#fff; border:0; border-radius:13px; background:transparent; font-size:12px; white-space:nowrap; }
.course-dock button span { font-size:23px; line-height:1; }
.course-dock button[aria-expanded=true] { background:#ffffff20; color:#e8d4a8; }
.course-credit { position:absolute; bottom:8px; right:12px; font-size:10px; color:#fff; text-shadow:0 1px 3px #000; pointer-events:none; }
.course-credit { bottom:25px; pointer-events:auto; z-index:450; }
.course-credit a { color:inherit; }
#courseLiveMap { position:absolute; inset:0; z-index:0; background:#193a2c; }
.course-brand,.course-controls,.course-dock,.course-hint { z-index:450; }
.course-panel,.course-error { z-index:500; }
.course-shell .leaflet-control-attribution { font-size:9px; max-width:85vw; }
.course-shell .leaflet-container { font-family:inherit; }
.course-shell .leaflet-tile-pane { filter:saturate(1.12) contrast(1.04) brightness(1.04); }
.course-hint { position:absolute; bottom:132px; left:50%; transform:translateX(-50%); background:#102c24bb; border-radius:30px; padding:8px 16px; font-size:11px; white-space:nowrap; pointer-events:none; }
.course-panel { position:absolute; bottom:125px; left:50%; transform:translateX(-50%); width:min(420px,calc(100% - 32px)); background:#fffdf7; color:#173c30; border-radius:20px; box-shadow:0 16px 60px #0005; padding:22px; max-height:55%; overflow:auto; }
.course-panel[hidden] { display:none; }
.course-panel h2 { font-size:20px; margin:0 35px 14px 0; }
.course-panel p { font-size:14px; line-height:1.75; color:#576b60; margin:8px 0; }
.course-panel-close { position:absolute; top:15px; right:15px; width:32px; height:32px; border:0; background:#e9efe7; color:#174b3a; border-radius:50%; font-size:20px !important; }
.course-layer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid #173c3014; font-size:14px; }
.course-layer input { accent-color:#19785c; width:20px; height:20px; }
.course-tag { display:inline-block; border-radius:20px; padding:6px 10px; background:#e9efe7; font-size:11px; }
.course-sample-button { border:0; border-radius:12px; padding:12px 18px; background:#195e47; color:white; margin-top:10px; }
.course-error { position:absolute; inset:35% 10% auto; text-align:center; background:#fff; color:#173c30; padding:24px; border-radius:18px; }
@media(min-width:900px) { .course-shell { height:calc(100svh - 90px); } .course-panel { left:24px; bottom:30px; transform:none; } }
@media(max-width:480px) { .course-brand { left:12px; top:12px; padding:12px; max-width:calc(100% - 85px); } .course-brand strong { font-size:15px; } .course-controls { right:12px; top:12px; } .course-dock button { min-width:72px; padding:10px 12px; } .course-credit { font-size:9px; } }