:root{font-family:Inter,system-ui,sans-serif;color:#f7f7f7;background:#080b0d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#27302c 0,#080b0d 55%);min-height:100vh}.shell{max-width:750px;margin:auto;padding:0 16px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28302f}.brand{display:flex;gap:12px;align-items:center}.brand .pin{font-size:34px;color:#f6c343}.brand strong{display:block;font:900 30px/1 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand em{font-style:normal;color:#f7c443}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#a8aaa5;margin-top:4px}.online{color:#7ed6a2;font-size:11px;font-weight:700}#toast{min-height:25px;margin-top:12px;color:#87e4aa;font-size:13px;font-weight:600}#toast.error{color:#ff8989}h1,h2,b,.eyebrow,.status,button,.scoreboard{font-family:'Barlow Condensed',Impact,sans-serif}h2{font-size:24px;letter-spacing:.7px;margin:0 0 15px}.hero-art{height:270px;border-radius:19px;border:1px solid #5e512c;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#52431d 0,#211f17 35%,#080b0d 78%);display:grid;place-items:center}.hero-art:before{content:'✦   ⛰  ⛰  ⛰  ✦';font-size:75px;color:#3d3823;position:absolute;bottom:-13px;letter-spacing:-12px;white-space:nowrap;opacity:.75}.hero-copy{text-align:center;position:relative}.eyebrow{color:#f4c341;letter-spacing:2px;font-size:13px}.hero h1{font:900 95px/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:18px 0 15px;transform:skew(-6deg);text-shadow:3px 4px #0d0e0e}.hero h1 span{color:#f4c341}.hero-copy p{font:700 13px 'Barlow Condensed';letter-spacing:3px;color:#eee}.panel{background:linear-gradient(145deg,#161b1e,#101416);border:1px solid #303738;border-radius:17px;padding:21px;margin:16px 0;box-shadow:0 10px 30px #0004}label{display:block;font:700 15px 'Barlow Condensed';letter-spacing:1px;color:#e9e9e9;margin:15px 0 8px}input:not([type=range]),select{width:100%;border:1px solid #40494b;background:#0b1012;border-radius:9px;padding:13px;color:white;font:600 15px Inter,sans-serif;outline:none}input:focus,select:focus{border-color:#f3c23e}button{cursor:pointer;transition:filter .15s,transform .1s;border-radius:10px;padding:12px 15px;font-size:18px;font-weight:800;letter-spacing:.5px;border:1px solid transparent}button:active{transform:scale(.98)}button:hover{filter:brightness(1.1)}button:disabled{opacity:.35;cursor:not-allowed}.primary{width:100%;background:linear-gradient(#ffdb64,#e9ae26);color:#17140b;margin-top:15px}.outline{background:#161c1f;color:white;border-color:#5c6566}.danger{width:100%;background:#30181a;color:#ffb7b7;border-color:#6c3538;margin-top:10px}.compact{width:auto;font-size:15px}.or{text-align:center;color:#929c9e;font:700 13px 'Barlow Condensed';letter-spacing:2px;margin:19px 0}.join-row{display:grid;grid-template-columns:1fr 100px;gap:9px}.join-row input{text-transform:uppercase;letter-spacing:3px}.mode-overview{margin:25px 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-grid>div{padding:16px;border:1px solid #6c5728;border-radius:12px;background:#111517}.mode-grid b{font-size:20px;color:#f7c544;display:block}.mode-grid small{display:block;font-size:12px;color:#b9bfc0;margin-top:7px;line-height:1.5}.hidden{display:none!important}.room-head{display:flex;justify-content:space-between;align-items:center}.room-head h2{font-size:42px;color:#f6c342;letter-spacing:5px;margin:6px 0}.status{color:#90e8ad;letter-spacing:2px}.scoreboard{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:8px}.scoreboard>div{border:1px solid #37403e;border-radius:12px;padding:13px;background:#151a1c}.scoreboard span{display:block;font-size:12px;color:#b6bdbb;letter-spacing:1px}.scoreboard b{font-size:23px;display:block;margin-top:5px;color:#f8c747}.mode-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode-option{background:#111719;color:#eee;border:1px solid #3a4444;padding:12px 3px;font-size:16px}.mode-option span{display:block;font:25px system-ui;margin-bottom:7px}.mode-option.selected{border-color:#f3c541;background:#3b3218;color:#f6c746}.right{float:right;color:#f8c747}input[type=range]{width:100%;accent-color:#f8c747;margin:7px 0}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#879091}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{margin:0 0 12px}.section-heading span{font-size:10px;color:#f8c747;font-weight:800;text-align:right}#map{height:310px;border-radius:12px;overflow:hidden;background:radial-gradient(#2d3532,#131819);display:grid;place-items:center}#mapFallback{color:#9da8a5;text-align:center;font-size:14px}.fine{font-size:11px;color:#8e9998;line-height:1.6}.player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #333c3c}.player strong{font-size:15px}.player small{display:block;color:#a1acab;font-size:11px;margin-top:5px}.player button{font-size:15px;padding:8px 14px;background:#dc3535;color:white}.player .badge{font:800 14px 'Barlow Condensed';color:#f8c747}.gps{color:#91daa7!important}#events{max-height:170px;overflow:auto;color:#bac3c2;font-size:13px}#events p{padding:6px 0;border-bottom:1px solid #293132}.scores{display:flex;gap:12px}.scores>div{flex:1;padding:12px;border-radius:8px;text-align:center;font:800 22px 'Barlow Condensed'}.scores b{font-size:28px;margin-left:15px}.blue{background:#14355e;color:#75b5ff}.red{background:#5c1717;color:#ff9999}#flagStatus{font-size:13px;color:#b5bdbc}.map-marker{border-radius:30px;border:2px solid white;box-shadow:0 0 0 4px #0006;padding:5px 7px;font:800 12px Inter;color:white;white-space:nowrap;background:#c93434}.map-marker.blue{background:#1761d3}.map-marker.red{background:#d23131}.map-marker.normal{background:#c18c20}.map-marker.flag{background:#6c4e18}footer{border-top:1px solid #333;padding:24px 0 40px;color:#f0c443;font:700 13px 'Barlow Condensed';letter-spacing:1px}footer span{float:right;color:#a1aaa8}@media(max-width:440px){.shell{padding:0 12px}.mode-option{font-size:13px}.mode-option span{font-size:21px}.panel{padding:16px}.scoreboard b{font-size:19px}.hero-art{height:245px}.hero h1{font-size:85px}footer span{float:none;display:block;margin-top:7px}}

#baseSetup .field-grid button{font-size:15px;padding:14px 6px} .player select{width:auto;min-width:120px;font-size:12px;padding:8px} .leaflet-container{background:#151b1d} #map{display:block} .leaflet-control-attribution{font-size:10px!important}

.checkline{display:flex;align-items:center;gap:10px;padding:12px 0}.checkline input{width:20px;height:20px;accent-color:#f4bd37}.warning{border:1px solid #f4bd37;background:#533c12;color:#fff2c3;padding:14px;border-radius:10px;font-weight:800;margin:10px 0}#ctfSettings{margin:14px 0}#ctfSettings input,#ctfSettings select{width:100%;margin:8px 0 12px}#zoneBlue,#zoneRed{font-size:12px}