/* Translucent surfaces use backgrounds, never element opacity: text stays solid. */
:root{--live-panel:rgba(17,34,26,.66);--live-inset:rgba(10,25,18,.44);--live-edge:rgba(213,190,139,.48)}
#context{background:var(--live-panel);backdrop-filter:none;border-color:var(--live-edge);box-shadow:0 12px 36px #0005;text-shadow:0 1px 3px #000b}
#context .upgrade-preview{background:var(--live-inset)}#context .stat-grid{background:rgba(11,28,19,.26)}#context .build-card{background:rgba(11,28,19,.24)}#context .build-card:hover:not(:disabled){background:rgba(27,48,35,.55)}
#context .panel-close{width:44px;height:44px;right:3px;top:3px;color:#e3e4d1}#context .panel-top{padding-right:30px}
.controls{background:rgba(17,34,26,.64);backdrop-filter:none;border-color:#8f916455}
#pause-cover{background:rgba(9,22,16,.24);backdrop-filter:none;text-shadow:0 2px 5px #000,0 0 15px #0008}#pause-cover p,#pause-cover .save-note,#pause-cover .local-save-note{color:#e0e9d6}#pause-cover>.primary,#pause-cover>.secondary{text-shadow:none}#pause-cover>.secondary{background:rgba(17,34,26,.78)}
#help,#confirm,#result,#post-preview{background:rgba(20,38,28,.80);backdrop-filter:none;border-color:var(--live-edge);box-shadow:0 14px 55px #0007}
#help::backdrop,#confirm::backdrop,#result::backdrop,#post-preview::backdrop{background:rgba(6,16,10,.10);backdrop-filter:none}

.map-zoom{position:absolute;top:255px;right:24px;z-index:22;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--live-edge);border-radius:8px;background:rgba(17,34,26,.66);box-shadow:0 5px 18px #0003}.map-zoom button{height:44px;min-width:44px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#f4e8cf;font-size:21px;text-shadow:0 1px 3px #0008}.map-zoom button:hover:not(:disabled){background:#ffffff14}#zoom-reset{font:12px var(--sans);min-width:55px}.map-zoom button:disabled{opacity:.35}
@media(max-width:600px){.map-zoom{top:185px;right:10px;padding:2px}.map-zoom button{height:40px;min-width:40px;padding:0 7px}#zoom-reset{min-width:50px}}

#context.pause-obscured,#moment.pause-obscured{visibility:hidden;pointer-events:none}

.pause-plan-tools{position:absolute;left:24px;top:255px;z-index:22;display:flex;gap:10px;align-items:center;padding:5px 7px 5px 12px;border:1px solid var(--live-edge);border-radius:8px;background:rgba(17,34,26,.8);color:#f0dbab;font-size:12px;text-shadow:0 1px 3px #000}.pause-plan-tools button{min-height:40px;font-size:12px;color:#f0e7d1;background:#24433299}#pause-cover>#pause-plan{margin-top:6px;color:#f1dfb7;min-height:44px;font-size:13px;text-shadow:0 1px 3px #000}
@media(max-width:600px){.pause-plan-tools{left:10px;top:185px;gap:6px;padding:2px 4px 2px 9px;font-size:11px}.pause-plan-tools button{font-size:11px;padding-inline:8px;min-height:40px}}