@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101310;--panel:#191d19;--line:#30362d;--muted:#9fa898;--lime:#c3f86b;--text:#f1f3ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;align-items:center;gap:5px;color:var(--text);text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-1px}.brand>span:not(.brand-icon){color:var(--lime)}.brand-icon{color:var(--lime);font-size:36px;margin-right:8px}.brand small{font-size:12px;border:1px solid #535b49;border-radius:4px;padding:2px 5px;letter-spacing:0;margin-left:10px}.header-note,.version,.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600}.header-note{color:var(--muted)}.version{border-left:1px solid var(--line);padding-left:24px;color:var(--lime)}main{max-width:1560px;margin:auto;padding:34px 4% 0}.intro h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:48px;line-height:1.1;letter-spacing:-.4px;margin:12px 0}.intro h1 span{color:var(--lime)}.eyebrow{color:var(--muted)}.intro p{color:var(--muted);margin:0 0 25px}#maps{display:flex;gap:12px;margin-bottom:24px}.map-choice{position:relative;isolation:isolate;overflow:hidden;width:180px;height:86px;background:#252d25;border:1px solid var(--line);border-radius:8px;text-align:left;color:white;padding:15px 18px;transition:.2s}.map-choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-2}.map-choice:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141914ba,transparent);z-index:-1}.map-choice strong{font-family:'Barlow Condensed',sans-serif;font-size:25px;display:block}.map-choice small{font-size:12px;color:#d1d6ca}.map-choice.active{border-color:var(--lime);box-shadow:inset 0 -3px var(--lime)}.map-choice.active strong{color:var(--lime)}.map-choice:hover{border-color:#a8b294}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:22px;align-items:start}.map-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0}.panel-title h2{margin:2px 0;font-family:'Barlow Condensed',sans-serif;font-size:32px}.map-count{font-size:12px;color:var(--lime);border:1px solid #4c5c38;background:#25301e;padding:6px 10px;border-radius:5px}.radar-wrap{position:relative;background:radial-gradient(ellipse,#2d3521 0,transparent 66%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;padding:12px 20px 20px}#radar{position:relative;width:100%;max-width:590px;margin:auto;aspect-ratio:1}#radar-image{width:100%;height:100%;object-fit:contain;filter:saturate(.65);opacity:.93}.point{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border:2px solid var(--lime);border-radius:50%;background:#111b10;color:var(--lime);box-shadow:0 0 0 6px #c3f86b12;font-weight:800;font-size:14px;z-index:1}.point.selected{background:var(--lime);color:#121b0c;box-shadow:0 0 0 8px #c3f86b22}.point:hover{z-index:5;scale:1.1}.point-label{position:absolute;top:42px;left:50%;transform:translateX(-50%);background:#0e120ee8;color:#fff;padding:3px 8px;border:1px solid #49533e;border-radius:4px;white-space:nowrap;font-size:12px;font-weight:500;display:none}.point.selected .point-label,.point:hover .point-label,.point:focus-visible .point-label{display:block}.compass{position:absolute;right:24px;top:22px;color:#737d6b;font-size:13px}.map-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:17px 23px;color:var(--muted);font-size:12px}.map-footer i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:7px}#detail{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px}.detail-head{display:flex;justify-content:space-between;align-items:center}.badge{font-size:12px;background:#303a26;color:var(--lime);padding:4px 8px;border-radius:4px}.detail-title{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1.15;margin:10px 0 5px}.route{font-size:14px;color:var(--muted);margin-bottom:20px}.route span{color:var(--lime);margin:0 9px}.step-title{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;margin:18px 0 10px}.step-number{font-size:12px;color:var(--lime);background:#303b25;width:24px;height:24px;display:grid;place-items:center;border-radius:5px}.photo{position:relative;border-radius:7px;overflow:hidden;background:#252b23;aspect-ratio:16/9}.photo img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:10px;bottom:8px;font-size:12px;background:#0d100dcf;padding:3px 7px;border-radius:3px}.instruction{font-size:14px;color:#b9c1b2;margin:10px 0;line-height:1.65}.keys{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}.key{display:inline-flex;gap:8px;align-items:center;background:#262e23;border:1px solid #47533b;border-bottom:3px solid #47533b;border-radius:5px;padding:7px 10px;font-size:13px;color:#e5eddf}.plus{color:#808b75;font-size:13px}.source-link{color:var(--muted);font-size:12px;text-decoration:none;display:block;margin-top:15px}.source-link:hover{color:var(--lime)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;color:#7f8a77;font-size:12px}footer b{color:var(--lime);padding:0 8px}footer button{border:0;background:none;color:var(--muted);font-size:12px;padding:0}dialog{max-width:540px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text)}dialog::backdrop{background:#000b}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:32px}dialog p{color:var(--muted)}dialog a{color:var(--lime)}.close{float:right;background:none;border:0;color:white;font-size:26px}.fine{font-size:12px}.empty{padding:50px 10px;color:var(--muted)}@media(min-width:1450px){.radar-wrap{padding:12px 35px 30px}#radar{max-width:650px}}@media(max-width:900px){.header-note{display:none}.workspace{grid-template-columns:1fr 1fr}#detail{padding:18px}.panel-title{padding:18px 18px 0}.map-footer{flex-direction:column;gap:5px}.radar-wrap{padding:10px 0}.point{width:30px;height:30px}footer>span:nth-child(2){display:none}}@media(max-width:680px){header{height:68px}.version{font-size:10px;padding-left:10px}.brand{font-size:19px}.brand-icon{font-size:29px}main{padding-top:25px}.intro h1{font-size:39px}.intro p{font-size:14px}.workspace{grid-template-columns:1fr}#maps{gap:8px}.map-choice{width:33.333%;padding:12px;height:78px}.map-choice strong{font-size:23px}.map-choice small{font-size:11px}.map-footer{flex-direction:row;font-size:11px}.photo{max-height:310px}footer{flex-wrap:wrap}#detail{padding:22px}.map-panel{scroll-margin-top:15px}}
.photo-switch{display:flex;gap:5px;margin-bottom:8px}.photo-switch button{border:1px solid var(--line);background:#222820;color:var(--muted);font-size:12px;border-radius:4px;padding:6px 10px}.photo-switch button[aria-pressed=true]{color:var(--lime);border-color:#65794c}.image-dialog{max-width:95vw;max-height:95vh;padding:12px}.image-dialog img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}.photo-enlarge{position:absolute;right:8px;bottom:8px;border:1px solid #ffffff40;border-radius:4px;background:#101310b0;color:white;font-size:20px}.result-photo{aspect-ratio:2.2}#detail{scroll-margin-top:15px}
.mode-panel{margin:0 0 24px;border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--panel)}#modes{display:flex;gap:10px;margin-top:12px}.mode-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;background:#222820;color:var(--text);border:1px solid #414c38;border-radius:6px;padding:12px 16px}.mode-choice strong{font-size:16px}.mode-choice span{font-size:12px;color:var(--muted)}.mode-choice[aria-pressed=true]{color:var(--lime);background:#303e22;border-color:var(--lime)}#mode-description{margin:12px 0 4px;font-size:14px}.mode-note{font-size:12px;color:var(--muted);margin:0;max-width:850px}.classification{padding:13px;background:#232b20;border-left:2px solid var(--lime);border-radius:4px}.classification>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.level-badge{font-size:12px;color:var(--lime)}.difficulty{font-size:12px;color:#bec7b5}.classification strong{font-size:14px;font-weight:500}.classification p{font-size:13px;color:var(--muted);margin:5px 0 0}.empty h2{font-size:24px;color:var(--text);line-height:1.3}.empty-action{border:1px solid var(--lime);background:#303e22;border-radius:5px;color:var(--lime);padding:10px 14px;font-size:14px}.empty{padding:20px 0}@media(max-width:680px){.mode-panel{padding:16px}#modes{gap:6px}.mode-choice{padding:10px;flex-direction:column;gap:3px}.mode-choice strong{font-size:14px}}
.share-button{border:1px solid #637849;background:#2c3a20;color:var(--lime);border-radius:6px;padding:10px 14px;font-size:14px}#share-url{display:block;width:100%;margin:8px 0 16px;padding:12px;border:1px solid #637849;border-radius:5px;color:var(--text);background:#111711;font-size:14px}#share-status{font-size:14px}.point{min-width:32px}#share-dialog label{font-size:14px}@media(max-width:680px){.share-button{font-size:12px;padding:8px}.brand small{display:none}}
/* Keep radar and markers in one untrimmed coordinate space. */
#radar{aspect-ratio:auto;line-height:0}#radar-image{display:block;width:100%;height:auto;object-fit:initial}#points{position:absolute;inset:0}.point{width:28px;height:28px;min-width:28px;font-size:12px;line-height:1;border-width:1px}.point-label{line-height:1.4;top:33px}.launch-photo{aspect-ratio:auto}.launch-photo img{display:block;height:auto;width:100%;object-fit:initial}.aim-reticle{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;filter:none;z-index:2}.aim-reticle:before,.aim-reticle:after,.aim-reticle i:before,.aim-reticle i:after{content:'';position:absolute;background:#e00000;border:0;box-sizing:border-box}.aim-reticle:before{left:0;top:11px;width:9px;height:2px}.aim-reticle:after{right:0;top:11px;width:9px;height:2px}.aim-reticle i:before{left:11px;top:0;width:2px;height:9px}.aim-reticle i:after{left:11px;bottom:0;width:2px;height:9px}.aim-reticle b{position:absolute;left:11px;top:11px;width:2px;height:2px;background:#e00000;display:none}.zoom-image-stage{position:relative;line-height:0;clear:both;width:fit-content;max-width:90vw}.zoom-image-stage img{display:block;width:auto;height:auto;max-width:90vw;max-height:82vh;object-fit:contain}.image-dialog .aim-reticle{width:32px;height:32px}.image-dialog .aim-reticle:before,.image-dialog .aim-reticle:after{top:15px;width:13px}.image-dialog .aim-reticle i:before,.image-dialog .aim-reticle i:after{left:15px;height:13px}.image-dialog .aim-reticle b{left:15px;top:15px}

/* Destinations stay visible across all levels. */
.point,.point.selected{background:var(--point-fill);color:#101510;border:1px solid #111b10;box-shadow:0 0 0 2px #101510b0}.point.selected{outline:2px solid #fff;outline-offset:3px;z-index:3}.point:focus-visible{outline:3px solid #fff;outline-offset:3px;z-index:5}.point-label{pointer-events:none}.level-legend{display:flex;gap:14px;flex-wrap:wrap}.level-legend span{display:inline-flex;align-items:center;color:var(--text);font-size:14px}.level-legend i{width:12px;height:12px}.level-legend .normal{background:#65d98b}.level-legend .advanced{background:#f4ce53}.level-legend .pro{background:#fa7777}.map-footer{flex-wrap:wrap}.variants{margin:18px 0}.variants p{font-size:14px;margin:0 0 8px;color:var(--muted)}.variant-options{display:flex;gap:8px;flex-wrap:wrap}.variant-choice{flex:1;min-width:130px;text-align:left;border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#111711;color:var(--text)}.variant-choice strong{display:block;color:var(--level-color);font-size:14px}.variant-choice span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.variant-choice[aria-pressed=true]{border-color:var(--level-color);box-shadow:inset 0 -2px var(--level-color);background:#252c23}.classification{border-left-color:var(--level-color)}.classification .level-badge{color:var(--level-color)}

/* Team themes; level colors and source images keep their meaning. */
body[data-team=t]{--bg:#15130d;--panel:#211e14;--line:#4b4026;--muted:#baad87;--lime:#f3cc59;--text:#fff7df;--surface:#302916;--soft:#3b311a;--edge:#8a7134;--glow:#e6b83918;--ink:#15130d}
body[data-team=ct]{--bg:#0c1420;--panel:#142235;--line:#2e4766;--muted:#99b6d8;--lime:#77bbff;--text:#eaf4ff;--surface:#1c324d;--soft:#203d5b;--edge:#4477a5;--glow:#499eff18;--ink:#0c1420}
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;height:auto;min-height:90px;padding-top:12px;padding-bottom:12px;background:var(--panel)}header .brand{justify-self:start}header .share-button{justify-self:end}.team-switch{display:flex;justify-content:center;gap:10px}.team-choice{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--team-color);border-radius:7px;background:transparent;color:var(--team-color);padding:10px 16px;font-weight:600;font-size:14px;min-height:46px}.team-t{--team-color:#f3cc59}.team-ct{--team-color:#77bbff}.team-choice[aria-pressed=true]{background:var(--team-color);color:#101723;box-shadow:0 0 0 3px var(--glow)}.team-symbol{font-size:12px;font-weight:800;border:1px solid currentColor;border-radius:4px;min-width:25px;padding:1px 3px}.brand small{border-color:var(--edge)}.map-choice{background:var(--surface)}.map-choice:after{background:linear-gradient(90deg,var(--panel),transparent)}.map-choice small{color:var(--text)}.map-choice:hover{border-color:var(--edge)}.map-count,.share-button,.empty-action{border-color:var(--edge);background:var(--soft);color:var(--lime)}.radar-wrap{background:radial-gradient(ellipse,var(--glow),transparent 66%)}.badge,.step-number{background:var(--soft)}.classification,.variant-choice[aria-pressed=true]{background:var(--surface)}.variant-choice{background:var(--bg)}.photo-switch button{background:var(--surface)}.photo-switch button[aria-pressed=true]{border-color:var(--edge)}.photo{background:var(--surface)}.key{background:var(--surface);border-color:var(--edge);color:var(--text)}.difficulty,.instruction{color:var(--text)}.plus,.compass,footer{color:var(--muted)}#share-url{background:var(--bg);border-color:var(--edge)}.point-label{background:var(--bg);border-color:var(--edge);color:var(--text)}
@media(max-width:1000px){header{grid-template-columns:1fr 1fr;gap:12px}.team-switch{grid-column:1/-1;grid-row:2;justify-self:center}header .share-button{grid-column:2;grid-row:1}.team-choice{min-width:165px}}@media(max-width:420px){.team-switch{width:100%;gap:8px}.team-choice{flex:1;min-width:0;padding:10px 8px;font-size:13px}.team-symbol{min-width:22px}header{padding-left:4%;padding-right:4%}}

@media(max-width:680px){.map-choice{height:94px}.map-choice small{display:block;line-height:1.4}.map-choice strong{margin-bottom:3px}}

#team-session{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:16px 20px;margin:0 0 22px}.session-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-head strong{font-size:16px}.session-head p{font-size:13px;color:var(--muted);margin:4px 0}.session-actions{display:flex;gap:8px;flex-wrap:wrap}.session-actions button,#join-confirm{background:var(--soft);border:1px solid var(--edge);color:var(--lime);border-radius:6px;padding:9px 12px;font-size:14px}.player-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.player-slot{min-width:0;text-align:left;border:1px solid var(--line);border-top:3px solid var(--player-color);background:var(--bg);border-radius:5px;padding:10px;color:var(--text)}.player-slot strong{color:var(--player-color);font-size:14px}.player-slot span{display:block;font-size:12px;line-height:1.45;margin:5px 0;overflow-wrap:anywhere}.player-slot small{color:var(--muted);font-size:12px}.player-slot.is-you{border-color:var(--player-color)}.session-status{font-size:13px;color:var(--muted);margin:10px 0 0}.session-status:empty{display:none}#player-colors{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.player-color{flex:1;min-width:100px;padding:12px;border:2px solid var(--player-color);background:var(--bg);color:var(--player-color);border-radius:6px}.player-color[aria-pressed=true]{background:var(--player-color);color:#10151b}.player-color:disabled{opacity:.4;cursor:not-allowed}button:disabled{cursor:not-allowed;opacity:.5}#join-error{color:#ff9999;font-size:14px}.reserve-button{width:100%;border:1px solid var(--player-color);border-radius:6px;background:var(--player-color);color:#10151b;padding:12px;font-size:15px;font-weight:600}#reservation p{font-size:13px;color:var(--muted);margin:8px 0 16px}.player-marks{position:absolute;left:50%;top:-9px;transform:translateX(-50%);display:flex;gap:2px;pointer-events:none}.player-marks i{display:block;width:9px;height:9px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.point-label{top:34px}@media(max-width:680px){.session-head{align-items:flex-start;flex-direction:column}.player-roster{grid-template-columns:repeat(2,minmax(0,1fr))}#team-session{padding:16px}.player-slot:last-child{grid-column:1/-1}}

/* Player reservations surround the difficulty marker without replacing it. */
.point.is-assigned{z-index:3}
.player-marks{position:absolute;inset:-13px;left:-13px;top:-13px;transform:none;display:block;pointer-events:none;border-radius:50%;background:var(--assignment-fill);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
.point.is-assigned::before{content:'';position:absolute;inset:-17px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 2px #000a;pointer-events:none}
#trajectory{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;color:var(--lime)}
.route-shadow{stroke:#000c;stroke-width:1.15;fill:none}
.route-line{stroke:currentColor;stroke-width:.55;stroke-dasharray:1.4 .8;fill:none}
.route-shadow,.route-line{stroke-linecap:butt}
.route-head{fill:currentColor;stroke:#000c;stroke-width:.3;stroke-linejoin:round}
.launch-halo{fill:#141414;stroke:currentColor;stroke-width:.45}
.launch-dot{fill:currentColor}
.trajectory-note{margin:0;padding:12px 20px;color:var(--text);font-size:12px;line-height:1.6;border-top:1px solid var(--line)}

/* Use the available screen width for the tactical map and lineup photos. */
main{max-width:none;width:100%;padding-left:clamp(16px,2vw,32px);padding-right:clamp(16px,2vw,32px)}
header{padding-left:clamp(16px,2vw,32px);padding-right:clamp(16px,2vw,32px)}
#radar{max-width:none}
@media(min-width:901px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr)}.radar-wrap{padding:12px 20px 20px}}
@media(max-width:680px){.photo{max-height:none}}

/* Mouse feedback for every action; keep map marker positioning independent. */
button:not(.point){--interaction-color:var(--player-color,var(--level-color,var(--team-color,var(--lime))));transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}
@media(hover:hover) and (pointer:fine){
 button:not(.point):not(:disabled):hover{border-color:var(--interaction-color);filter:brightness(1.18);transform:translateY(-2px);box-shadow:0 4px 14px color-mix(in srgb,var(--interaction-color) 22%,transparent)}
 button:not(.point):not(:disabled):active{transform:translateY(0);filter:brightness(1.06)}
 footer button:not(:disabled):hover,.close:not(:disabled):hover{color:var(--lime)}
}
@media(prefers-reduced-motion:reduce){button:not(.point){transition:none}button:not(.point):not(:disabled):hover,button:not(.point):not(:disabled):active{transform:none}}

.map-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.drawing-tools{display:flex;gap:6px;flex-wrap:wrap}.drawing-tools button{border:1px solid var(--edge);border-radius:5px;background:var(--surface);color:var(--text);padding:7px 10px;font-size:14px}.drawing-tools button[aria-pressed=true]{background:var(--player-color);border-color:var(--player-color);color:#10151b}.drawing-tools button[hidden]{display:none}.drawing-note{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 24px 0;min-height:18px}#drawing-layer{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:hidden}#drawing-layer path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#drawing-layer.drawing-active{pointer-events:auto;touch-action:none;cursor:crosshair}#drawing-layer[data-tool=eraser]{cursor:cell}@media(max-width:1100px){.panel-title{flex-wrap:wrap;gap:10px}.map-actions{justify-content:flex-start}.drawing-note{margin-left:18px;margin-right:18px}}

/* Seven map choices stay readable on desktop and wrap on smaller screens. */
#maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.map-choice{width:100%;min-width:0}@media(max-width:480px){#maps{grid-template-columns:repeat(2,minmax(0,1fr))}.map-choice{padding:12px;height:86px}}
.session-create-icon{display:inline-block;width:1.1em;height:1.1em;margin-left:.55em;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
/* Language flags beside the brand, independent of the shared session. */
.brand-languages{display:flex;align-items:center;gap:14px;flex-shrink:0}.language-switch{display:flex;align-items:center;gap:5px}.language-switch button{display:grid;place-items:center;padding:7px;background:transparent;border:1px solid transparent;border-radius:6px;min-width:40px;min-height:36px}.language-switch svg{display:block;width:27px;height:18px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff26}.language-switch button[aria-pressed=true]{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 12%,transparent)}
@media(max-width:1100px){header{height:auto;min-height:82px;flex-wrap:wrap;gap:14px;padding-top:14px;padding-bottom:14px}.brand-languages{gap:8px}.language-switch{gap:2px}.language-switch button{padding:6px;min-width:36px}.team-switch{flex-shrink:0}}
@media(max-width:520px){header .brand-languages{width:100%;justify-content:space-between}.language-switch button{min-height:40px;min-width:40px}header .team-switch{order:2}header #share-button{order:3;margin-left:auto;font-size:13px}.brand{font-size:21px}header .team-switch button{font-size:13px;padding:8px}}
@media(max-width:1200px){header{grid-template-columns:minmax(0,1fr) auto}.brand-languages{grid-column:1;grid-row:1}.team-switch{grid-column:1/-1;grid-row:2;justify-self:center}header .share-button{grid-column:2;grid-row:1}}
@media(max-width:560px){header{grid-template-columns:minmax(0,1fr)}header .brand-languages{grid-column:1;grid-row:1;justify-content:space-between}.brand-languages .brand{font-size:19px;gap:3px}.brand small{margin-left:4px}.brand-icon{margin-right:3px}header .team-switch{grid-column:1;grid-row:2;width:100%}header .team-choice{min-width:0;flex:1}header .share-button{grid-column:1;grid-row:3;justify-self:end}.language-switch{gap:0}.language-switch button{min-width:34px;padding:5px}.language-switch svg{width:24px;height:16px}}


.intro p{max-width:90ch}

/* Keep both tactical panels aligned while preserving the square radar and full photos. */
@media(min-width:681px){
 .workspace{align-items:stretch}
 .map-panel{display:flex;flex-direction:column}
 .map-panel .radar-wrap{flex:1;display:flex;align-items:flex-start}
 .map-panel #radar{margin:0 auto}
}
/* Swapping a lineup should not make the browser move the tactical workspace. */
.workspace{overflow-anchor:none}