.planner-page{--planner-accent:#ffdf32}.planner-shell{width:calc(100% - 64px);max-width:1900px;margin:0 auto 56px}.planner-heading{display:flex;justify-content:space-between;align-items:center;padding:38px 0 22px;gap:20px}.planner-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:12px 0}.planner-heading h1 span{color:var(--planner-accent)}.planner-heading p{margin:0;color:var(--muted);font-size:15px}#planner-status{min-height:27px;font:12px var(--mono);color:var(--muted);padding-bottom:10px}.planner-layout{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);background:#181a1b}.planner-sidebar{border-right:1px solid var(--line)}.planner-section{padding:22px;border-bottom:1px solid var(--line)}.planner-section:last-child{border-bottom:0}.planner-section h2{font-size:14px;letter-spacing:.1px;margin:0 0 20px}.planner-section h2>span{color:var(--muted);font:10px var(--mono);margin-right:10px}.planner-page label{display:block;font-size:12px;color:#c9cbc8;margin:13px 0 8px}.planner-page select,.planner-page input:not([type=checkbox]):not([type=color]),.planner-page textarea{width:100%;min-width:0;background:#111314;color:#eff0eb;border:1px solid #404345;border-radius:3px;padding:10px 11px;font:13px var(--sans)}.planner-page textarea{resize:vertical;min-height:82px;max-height:300px}.planner-page select:focus-visible,.planner-page textarea:focus-visible{outline:2px solid var(--planner-accent);outline-offset:2px}.planner-page button{border:1px solid #3a3d3e;background:#232627;border-radius:3px;padding:9px 12px;font-size:12px;color:#e8eae4;line-height:1.4}.planner-page button:hover:not(:disabled){border-color:#91958c;background:#323636}.planner-page button.primary{color:#181a15;background:var(--planner-accent);border-color:var(--planner-accent);font-weight:650}.planner-page button.primary:hover{background:#ffe86f}.planner-page button:focus-visible,.planner-page input:focus-visible{outline-color:var(--planner-accent)}.planner-button-row{display:flex;gap:7px;margin:10px 0}.planner-button-row>*{flex:1}.planner-page .wide{width:100%;margin-bottom:6px}.planner-small{font-size:11px;line-height:1.65;color:#a4aaa4;margin:10px 0 0}.objective-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}.objective-heading label{margin:0}.objective-heading button{padding:2px 9px;font-size:16px;margin-left:4px}.planner-page .planner-check{display:flex;align-items:center;gap:8px;margin:14px 0 10px}.planner-check input{accent-color:var(--planner-accent);width:15px;height:15px;margin:0}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-dot.attack{background:#58cafa}.legend-dot.defend{background:#f8899a}.legend-dot.objective{background:#ffdf32;transform:rotate(45deg);border-radius:1px}.planner-board{min-width:0;display:flex;flex-direction:column;background:#101213}.planner-toolbar{padding:12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:11px;background:#1b1e1f}.planner-tools{display:flex;flex-wrap:wrap;gap:5px}.planner-tools button{min-width:56px;display:flex;align-items:center;gap:7px;justify-content:center;font-size:18px;padding:8px 10px}.planner-tools button span{font-size:11px}.planner-tools button[aria-pressed=true]{border-color:var(--planner-accent);background:#ffdf3218;color:var(--planner-accent)}.planner-drawing-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.planner-drawing-options label{margin:0;font-size:11px;color:var(--muted)}.planner-drawing-options input[type=color]{width:34px;height:30px;padding:2px;background:#202223;border:1px solid #444;border-radius:3px}.planner-drawing-options select{width:auto;max-width:105px;padding:6px;font-size:11px}.planner-canvas-wrap{position:relative;overflow:hidden;min-height:450px;height:clamp(510px,70vh,1000px);flex:1;background:#0c0e0f;background-image:radial-gradient(#2e3235 1px,transparent 1px);background-size:18px 18px}.planner-canvas-wrap:fullscreen{height:100vh;width:100vw}.planner-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-3px}.map-loading{position:absolute;inset:0;display:grid;place-items:center;background:#111e;font:12px var(--mono);z-index:3;padding:35px;text-align:center}.map-badge{position:absolute;top:16px;left:16px;pointer-events:none;display:flex;gap:10px;align-items:center;padding:10px 12px;background:#101213e8;border:1px solid #43484b;font:10px var(--mono);max-width:calc(100% - 32px)}.map-badge strong{font-size:12px}.map-badge span{color:#ffdf32}.map-controls{position:absolute;bottom:15px;right:15px;display:flex;gap:3px;padding:5px;background:#121618ed;border:1px solid #414749;border-radius:4px;align-items:center}.map-controls button{border:0;background:transparent;font-size:14px;min-width:32px}.map-controls output{font:11px var(--mono);width:48px;text-align:center}.planner-board-footer{padding:13px 16px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.map-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#d0d4d0}.map-legend>span{display:flex;gap:7px;align-items:center}.planner-history{display:flex;gap:5px;flex-wrap:wrap}.planner-history button{font-size:10px;padding:6px 9px}.planner-map-detail{padding:0 16px 14px;display:flex;gap:15px;justify-content:space-between;color:#9da49f;font:10px/1.5 var(--mono)}#annotation-count{white-space:nowrap}.planner-dialog{max-width:560px;width:calc(100% - 32px);background:#1c2021;color:#f2f3ee;border:1px solid #555;padding:28px;border-radius:6px;max-height:85vh;overflow:auto}.planner-dialog::backdrop{background:#000b}.planner-dialog h2{font-size:23px;letter-spacing:-.5px;margin-top:0}.planner-dialog p,.planner-dialog li{font-size:13px;line-height:1.8;color:#bfc5bf}.planner-dialog li{margin-bottom:10px}.saved-plan-row{border-top:1px solid #414647;padding:14px 0;display:flex;align-items:center;gap:8px}.saved-plan-row .saved-plan-copy{flex:1;min-width:0}.saved-plan-row strong{display:block;overflow-wrap:anywhere;font-size:13px}.saved-plan-row small{color:#a8afa8;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){.planner-layout{grid-template-columns:280px minmax(0,1fr)}.planner-toolbar{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.planner-canvas-wrap{height:76vh}}
.planner-canvas-wrap canvas{position:absolute;inset:0}
.planner-tools button[aria-pressed=true]{outline:1px solid #ffdf3244}
@media(max-width:1000px){.planner-shell{width:calc(100% - 36px)}.planner-layout{grid-template-columns:225px minmax(0,1fr)}.planner-section{padding:17px}.planner-tools button{min-width:42px}.planner-tools button span{display:none}.planner-board-footer{align-items:flex-start}.planner-canvas-wrap{height:600px}.planner-map-detail{flex-direction:column;gap:6px}}
@media(max-width:700px){.planner-heading{padding-top:28px}.planner-heading .eyebrow{font-size:8px;letter-spacing:.9px}.planner-heading p{font-size:12px}.planner-heading button{padding:8px;white-space:nowrap}.planner-layout{display:flex;flex-direction:column}.planner-sidebar{border-right:0;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.planner-section{padding:14px}.planner-section:first-child{border-right:1px solid var(--line)}.planner-section:last-child{grid-column:1/-1;display:none}.planner-sidebar.show-plan .planner-section:last-child{display:block}.planner-section h2{margin-bottom:12px}.planner-small{font-size:10px}.planner-canvas-wrap{height:72vh;min-height:400px;flex:none}.planner-toolbar{padding:9px}.planner-tools{gap:4px;justify-content:space-between}.planner-tools button{min-width:28px;padding:6px 8px}.map-badge{top:10px;left:10px}.map-controls{bottom:10px;right:10px}.planner-board-footer{padding:12px}.planner-map-detail{padding:0 12px 12px}.planner-shell{margin-bottom:28px}.planner-sidebar.show-plan .planner-section:last-child{display:block}.planner-sidebar .planner-section:last-child{display:block}.planner-heading h1{font-size:32px}.planner-page .site-header nav{gap:16px}}
@media(max-width:700px){.planner-layout{display:grid;grid-template-columns:1fr 1fr}.planner-sidebar{display:contents}.planner-section{order:1;border-bottom:1px solid var(--line)}.planner-board{grid-column:1/-1;order:2}.planner-sidebar .planner-section:last-child{order:3;grid-column:1/-1;border-top:1px solid var(--line)}}
@media(max-width:700px){.planner-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.planner-tools button{flex-direction:column;gap:2px;padding:5px 3px}.planner-tools button span{display:block;font-size:9px}.planner-canvas-wrap{height:60vh;min-height:380px}}