/* FIELDLINE 02 / Continental command interface. */
:root{--mint:#97e2c1;--border:#d3e5bf25}
#topbar{height:76px;gap:16px;padding:0 28px}.build{letter-spacing:.7px;font-size:8px}.match{gap:17px}.team{font-size:8px;letter-spacing:.6px;gap:10px}.team b{font-size:24px}#sector-strip{display:flex;align-items:center;gap:11px}.territory-total{font:700 17px monospace;text-align:center;color:var(--lime)}.territory-total.red{color:var(--orange)}.territory-total small{font:6px monospace;display:block;margin-top:3px;letter-spacing:1px}.territory-balance{width:116px;height:5px;background:#cbd9b820;display:flex;justify-content:space-between}.territory-balance i{background:var(--lime);height:5px}.territory-balance em{background:var(--orange);height:5px}.intro{top:15%;width:445px}.intro h1{font-size:106px}.intro h2{font-size:37px}.operation-card strong{font-size:18px}.operation-card span:not(.card-tag){font-size:9px}.operation-card{padding:19px 15px}.card-tag{font-size:7px!important;right:8px}.scene-label{right:5%}.resource-ribbon{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:0;width:450px;border-top:2px solid var(--mint);padding:12px 16px;pointer-events:none;box-shadow:0 5px 20px #10201b24}.resource-ribbon>div{padding:0 16px;border-right:1px solid var(--line);flex:1;white-space:nowrap}.resource-ribbon>div:first-child{padding-left:0}.resource-ribbon>div:last-child{border:0;padding-right:0;flex:0}.resource-ribbon small{display:block;font:7px monospace;letter-spacing:1.4px;color:#b2c9b0;margin-bottom:5px}.resource-ribbon b{font:500 22px Arial;letter-spacing:-.4px;color:#edfae1}.resource-ribbon em{font:8px monospace;font-style:normal;color:var(--mint);margin-left:8px}.resource-ribbon .tier-chip b{color:var(--lime);font-size:21px}#research-float{position:absolute;top:101px;left:50%;transform:translateX(-50%);width:290px;background:#162e24ed;border:1px solid var(--border);padding:8px 12px}#research-float span{font:8px monospace;letter-spacing:.5px;color:#cce0b8}#research-float>div{height:2px;background:#afc69422;margin-top:6px}#research-float i{display:block;background:var(--mint);height:2px}#vehicle-status{position:absolute;left:28px;top:231px;width:263px;padding:16px 18px;border-left:2px solid var(--mint);background:#132a22f2}#vehicle-status .eyebrow{font-size:7px;letter-spacing:1px;justify-content:space-between;color:#aac5b0}#vehicle-status .eyebrow span{color:var(--mint)}#vehicle-status h3{font-size:23px;letter-spacing:1px;margin:14px 0 12px}.vehicle-numbers{display:flex;justify-content:space-between;align-items:center;font:8px monospace;color:#a8bfa9;margin-bottom:9px}.vehicle-numbers b{font:17px Arial;color:#edf8df;margin-right:4px}#hull-fill{background:var(--mint)}.boost-line{font:7px monospace;display:flex;gap:10px;margin-top:10px;color:#a7bba1}.boost-line .bar{height:3px}.vehicle-seatline{font:8px monospace;display:flex;justify-content:space-between;color:#c0d3b6;margin:13px 0}.vehicle-hints{font:8px monospace;color:#aebfa2}.vehicle-hints kbd{padding:2px 4px;font-size:7px;margin-left:4px}#radio-feed{position:absolute;top:236px;left:30px;width:259px;max-height:140px;overflow:hidden}#radio-feed>.eyebrow{font-size:7px;letter-spacing:1px;color:#daefd7;text-shadow:0 1px 3px #10281b;justify-content:space-between;margin:0 0 8px}#squad-order{color:var(--mint);font-size:7px}.radio-message{border-left:2px solid #9be2c16b;background:#10271fe8;padding:9px 11px;margin-bottom:5px;font:9px monospace;line-height:1.5;display:flex;flex-direction:column;gap:3px}.radio-message b{font:7px monospace;letter-spacing:1px;color:var(--mint)}.radio-message span{color:#c8d9bd}.command-dock{position:absolute;right:28px;top:227px;width:244px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.command-dock button{pointer-events:auto;background:#142c24ef;border:1px solid #c8e1b82c;font:9px monospace;padding:12px 8px;display:flex;align-items:center;gap:6px;white-space:nowrap}.command-dock button span{color:var(--mint);margin-left:auto}.command-dock button kbd{font-size:8px;padding:2px 4px}.command-dock>div{grid-column:1/-1;background:#10271cd9;padding:7px 8px;font:7px monospace;letter-spacing:.5px;text-align:center;color:#b3c9aa}.strategy-modal{z-index:40;padding:25px;background:#0c211ad9;backdrop-filter:blur(10px)}.command-dialog,.radio-dialog{width:min(1160px,96vw);max-height:94vh;background:#142b23;border:1px solid #b6d7b945;box-shadow:0 35px 100px #04110c80;padding:28px;display:flex;flex-direction:column}.command-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.command-header .eyebrow{color:var(--mint);font-size:9px;letter-spacing:1.8px}.command-header h2{font-size:34px;letter-spacing:-1px;margin-top:12px}.command-header p{font:9px monospace;line-height:1.7;color:#b0c5ac;margin:11px 0 0}.command-header .square{height:34px;width:34px;flex-shrink:0;color:#d6e6c5;margin:0}.command-resources{display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr;margin:24px 0 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#a5d2ad06}.command-resources>div{display:flex;align-items:center;padding:18px 20px;gap:13px;border-right:1px solid var(--border)}.command-resources>div:first-child{padding-left:12px}.command-resources small{font:7px monospace;letter-spacing:1.2px;color:#a6bca3;display:block;margin-bottom:5px}.command-resources b{font:25px Arial;color:#eff8df}.resource-glyph{font:18px monospace;color:var(--mint);border:1px solid #aee5c938;width:33px;height:37px;display:grid;place-items:center}.command-resources em{font:9px monospace;color:var(--mint);margin-left:auto;font-style:normal}.command-resources .command-tier{border:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0}.command-tier strong{font-size:22px;color:var(--lime);letter-spacing:2px}.command-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);flex-shrink:0}.command-tabs button{font:9px monospace;letter-spacing:1px;padding:5px 0 15px;color:#9cb698;position:relative}.command-tabs button.active{color:#e4f3d0}.command-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime)}#command-content{overflow:auto;min-height:0;padding-right:3px;scrollbar-color:#6e9a7e #122a21;scrollbar-width:thin}.section-label{display:flex;justify-content:space-between;margin:22px 0 14px;font:8px monospace;letter-spacing:1px;color:#a7c09e}.vehicle-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.vehicle-card{background:#0d251e;border:1px solid #bad2b82c;padding:13px 13px 12px;display:flex;flex-direction:column;min-width:0}.vehicle-card-top{display:flex;justify-content:space-between;align-items:center;font:7px monospace;letter-spacing:.4px;gap:5px}.vehicle-card-top>span{border:1px solid #a9c88f40;padding:4px 5px;color:var(--lime);white-space:nowrap}.vehicle-card-top small{font-size:6px;text-align:right;color:#9bbba2}.chassis-preview{width:100%;height:126px;object-fit:contain}.vehicle-card h3{font-size:21px;letter-spacing:1.4px;margin:0 0 10px;font-weight:500}.vehicle-card p{font-size:10px;line-height:1.65;color:#aac2ae;margin:0 0 15px;min-height:68px}.chassis-stats{display:flex;justify-content:space-between;font:7px monospace;color:#94af96;padding:10px 0;border-top:1px solid var(--line);gap:4px}.chassis-stats b{font:13px monospace;display:block;margin-bottom:4px;color:#d9eccc}.chassis-price{font:12px monospace;color:var(--mint);padding:8px 0 13px}.vehicle-card>button{background:var(--lime);color:#173323;padding:11px 9px;font:700 8px monospace;letter-spacing:.6px;display:flex;justify-content:space-between;margin-top:auto;gap:4px}.vehicle-card>button:disabled{background:#91ac8250;color:#e2edce;opacity:.6}.lock-reason{font:7px monospace;line-height:1.5;color:#9faf9b;margin-top:8px;min-height:24px}.pool-tip{font:9px monospace;line-height:1.75;color:#adc4a6;padding:15px 0;margin-top:7px;border-top:1px solid var(--border)}.pool-tip b{font-size:8px;letter-spacing:1px;color:var(--mint);margin-right:10px}#command-notice{font:10px monospace;line-height:1.5;color:#d6ebb5;padding:12px 15px;background:#84ae7420;border-left:2px solid var(--lime);margin:13px 0 0;flex-shrink:0}.command-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px monospace;color:#90af96;padding-top:17px;flex-shrink:0}.command-footer kbd{font-size:7px}.radio-dialog{width:min(980px,95vw);padding:32px}.radio-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0 20px;padding:14px 0;font:8px monospace;letter-spacing:.5px;color:#a5c7ac}#radio-options{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.radio-option{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#0d231c;border:1px solid #c3dfbd2e;padding:17px;transition:border-color .15s,background .15s}.radio-option:hover{background:#294937;border-color:var(--lime)}.radio-option.unavailable{opacity:.45}.radio-number{font:25px Arial;color:var(--lime);margin-bottom:19px}.radio-option b{font:10px monospace;letter-spacing:.4px;font-weight:400}.radio-option small{font:8px monospace;line-height:1.7;color:#acc3ab;margin-top:9px}.radio-arrow{position:absolute;right:15px;top:18px;color:var(--mint);font:17px Arial}.research-route{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 15px;font:10px monospace;letter-spacing:.8px;color:#718e78;gap:14px}.research-route .complete{color:var(--lime)}.research-route i{font-style:normal;color:#86a485}.research-active{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#82bba719;padding:13px 15px;margin:5px 0 17px;border-left:2px solid var(--mint);font:9px monospace;color:var(--mint)}.research-active>span{font-size:8px;color:#9ebaac}.research-active .bar{flex-basis:100%;background:#acceb32a}.research-active.idle{color:#bed2b3;border-color:#adc98d60}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.research-card{background:#10251e;border:1px solid var(--border);padding:16px;display:flex;flex-direction:column}.research-card .eyebrow{font-size:7px;letter-spacing:1px;color:var(--mint)}.research-card h3{font:12px monospace;letter-spacing:.5px;margin:14px 0 10px;line-height:1.5}.research-card p{font:10px Arial;line-height:1.75;color:#a9c0ab;margin:0 0 15px}.research-cost{font:9px monospace;display:flex;justify-content:space-between;gap:15px;color:var(--mint);margin-top:auto;margin-bottom:12px}.research-card button{background:#9dbe8628;border:1px solid #a8c49640;padding:10px 7px;color:#d8e9c0;font:8px monospace;letter-spacing:.2px}.research-card button:not(:disabled){background:var(--lime);color:#193023}.research-card.researched{border-color:#98d2b150}.research-card.researched button{color:var(--mint);opacity:1}.network-summary{display:flex;gap:35px;align-items:center;padding:22px 0}.network-summary>div{min-width:155px;text-align:center}.network-summary b{font:40px Arial;display:block;color:var(--lime)}.network-summary span{font:7px monospace;letter-spacing:1px;color:#aac2a6}.network-summary p{font:11px Arial;line-height:1.8;color:#b1c8ae;margin:0}.income-table{width:100%;border-collapse:collapse;font:10px monospace;text-align:left}.income-table th{font-size:8px;letter-spacing:.8px;color:#98b698;padding:12px;border-bottom:1px solid var(--border);background:#0e221b}.income-table td{padding:12px;border-bottom:1px solid var(--border);color:#d5e4c7}.income-table td:not(:first-child){color:var(--mint)}.save-strip{display:flex;justify-content:space-between;align-items:center;font:8px monospace;color:#9eb998;padding:8px 0;gap:15px}.save-strip button{background:#93c69926;border:1px solid var(--border);padding:10px 14px;color:var(--mint);font:8px monospace}.map-dialog{width:min(1140px,96vw);max-height:95vh;padding:25px;display:flex;flex-direction:column}.map-top{padding-bottom:17px}.map-top .eyebrow{color:var(--mint)}.map-top h2{font-size:29px}.map-stats{margin-left:auto}.map-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font:8px monospace;color:#a6bd9e}.map-tools>div{display:flex;gap:6px}.map-tools button{font:8px monospace;padding:8px 12px;border:1px solid var(--border);background:#c1dc9d09;color:#c3d5b5}.map-tools button:hover{border-color:var(--lime)}.map-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;overflow:hidden}.map-body>canvas{width:min(62vh,100%);height:auto;max-height:62vh;aspect-ratio:1;justify-self:center}.map-body aside{min-width:0;display:flex;flex-direction:column;max-height:62vh}.map-body aside>.eyebrow{margin:14px 0 7px;flex-shrink:0}#map-sectors{overflow:auto;min-height:70px;scrollbar-color:#83a184 #142b23;scrollbar-width:thin;flex:1}.map-sector{padding:8px 4px;gap:10px}.map-sector b{font-size:8px;letter-spacing:.5px}.map-sector small{font-size:7px;margin-top:4px}.map-sector>span{width:26px;height:26px;font-size:10px}.map-sector>em{font:15px monospace;color:var(--lime);margin-left:auto}.map-sector.selected{background:#c9eaaa14}.map-note{display:none}#map-instruction{font:8px monospace;line-height:1.65;margin:12px 0 7px;color:#a4c299}#sector-detail{border:1px solid #c9debd35;background:#0e261e;padding:15px;flex-shrink:0}#sector-detail .eyebrow{font-size:7px;margin-bottom:0;color:var(--mint)}#sector-detail h3{font-size:15px;line-height:1.5;margin:10px 0 7px;font-weight:500}#sector-detail p{font:7px monospace;line-height:1.6;color:#a8bfa3;margin:0}.sector-yield{font:8px monospace;color:var(--mint);margin-top:10px}#sector-deploy{font:8px monospace;display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#1b3223;width:100%;padding:11px;margin-top:12px}#sector-deploy:disabled{opacity:.42}.map-footer{margin-top:15px;font-size:7px}.map-legend{font-size:7px}.manual{width:620px}.manual-grid{gap:8px 15px}.manual p{font-size:11px}.key-strip{gap:20px}
@media(max-width:1280px){#topbar{padding:0 20px}.build{display:none}.match{gap:12px}.resource-ribbon{width:370px;padding:10px 12px;top:18px}.resource-ribbon>div{padding:0 11px}.resource-ribbon b{font-size:19px}.resource-ribbon em{display:none}.command-dialog{padding:23px}.command-header h2{font-size:29px}.command-resources>div{padding:13px 14px}.vehicle-card{padding:11px}.vehicle-card p{font-size:9px}.vehicle-card h3{font-size:18px}.chassis-preview{height:110px}.map-body{grid-template-columns:minmax(0,1fr) 270px}.radio-option{padding:14px}.radio-option b{font-size:9px}.team{font-size:7px}.command-dock{top:240px}}
@media(max-height:800px){.command-dialog,.radio-dialog{padding:20px;max-height:96vh}.command-header h2{font-size:26px;margin-top:8px}.command-header p{margin-top:8px}.command-resources{margin:15px 0 14px}.command-resources>div{padding:12px 15px}.command-resources b{font-size:22px}.section-label{margin:15px 0 10px}.chassis-preview{height:103px}.vehicle-card p{min-height:58px;margin-bottom:6px}.command-footer{padding-top:12px;font-size:7px}.pool-tip{padding:10px 0;font-size:8px}.map-dialog{padding:20px}.map-top{padding-bottom:12px}.map-top h2{font-size:24px}.map-top .eyebrow{margin-bottom:7px}.map-body>canvas{max-height:61vh;width:min(61vh,100%)}.map-body aside{max-height:61vh}#vehicle-status{top:226px;padding:13px 17px}#vehicle-status h3{margin:10px 0}.vehicle-seatline{margin:9px 0}#radio-feed{max-height:70px;top:230px!important}body:has(#vehicle-status:not([hidden])) #radio-feed{display:none}.resource-ribbon{top:18px}.intro{top:14%;width:395px}.intro h1{font-size:89px}.intro h2{font-size:31px}.intro p{margin:16px 0 20px}.operation-card{padding:16px 13px}.command-dock{top:219px}}
@media(max-width:1000px){.team{font-size:0}.team b{font-size:20px}.top-right #operation-clock{font-size:7px}.resource-ribbon{left:52%;width:285px}.resource-ribbon>div{padding:0 8px}.resource-ribbon small{font-size:6px;letter-spacing:.5px}.resource-ribbon b{font-size:16px}.mission{width:230px}.command-dock{width:211px}.vehicle-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.research-grid{grid-template-columns:repeat(2,1fr)}.command-resources>div{padding:12px 10px;gap:8px}.command-resources em{display:none}.map-body{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.radio-option{min-height:150px}.radio-dialog{padding:25px}.radio-meta{font-size:7px}.resource-glyph{width:28px;font-size:15px}.command-tier strong{font-size:18px}.map-tools{font-size:7px}.map-tools button{padding:7px 9px}.key-strip{gap:12px;font-size:7px}}