*{box-sizing:border-box}body{margin:0;background:#121a18;color:#dce5df;font:14px system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;background:#26332e;border:1px solid #3b4b43;color:#e1e9e4;border-radius:7px;padding:9px 12px;transition:.15s}button:hover{background:#364b3e;border-color:#7c9c72}button:disabled{opacity:.35;cursor:default}button:focus-visible,canvas:focus-visible{outline:2px solid #cadb83;outline-offset:-2px}.primary{background:#c5d987;color:#233121;border-color:#c5d987;font-weight:650}.primary:hover{background:#d7e9a0}header{height:78px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #354239;background:#1b2822}.brand{display:flex;align-items:center;gap:12px;min-width:244px}.brand strong{display:block;font:600 20px Georgia,serif;color:#f3f3df}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-top:5px;color:#a6b79c}.logo{font-size:36px;color:#c5d987}.project{font-size:13px;color:#d5dfd5}.project span{display:block;color:#8f9e94;font-size:11px;margin-top:4px}.actions{margin-left:auto;display:flex;gap:8px}main{height:calc(100dvh - 78px);display:flex}aside{width:274px;flex-shrink:0;background:#1b2520;border-right:1px solid #354239;padding:22px 18px;overflow:auto}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#8eaa91;margin-bottom:12px}#tools{display:grid;gap:7px}#tools button{padding:12px;display:flex;text-align:left;align-items:center;gap:12px;background:transparent;border-color:transparent}#tools button.active{background:#344735;border-color:#718b58;color:#ebf1d8}#tools b{font-size:24px;width:24px;color:#bfd484}#tools span{flex:1;font-size:13px;font-weight:600}#tools small{display:block;font-size:11px;font-weight:400;color:#a0b0a4;margin-top:4px}kbd{font:11px system-ui;color:#a4b29f;border:1px solid #50604d;padding:2px 5px;border-radius:4px}section{border-top:1px solid #334137;margin-top:22px;padding-top:19px}label{display:flex;justify-content:space-between;font-size:12px}output{color:#cadb83}input[type=range]{width:100%;accent-color:#c5d987;margin:14px 0 17px}.pair{display:flex;gap:6px}.pair button{flex:1;font-size:11px;padding:9px 5px}.hint,.note{font-size:11px;line-height:1.7;color:#a9b8ae}.note{background:#303629;padding:9px;border-radius:5px;color:#c8c4a0}details{margin-top:22px;font-size:12px;color:#a9b8ae}summary{cursor:pointer}dl{display:grid;grid-template-columns:100px 1fr;font-size:10px;line-height:2.1}dd{margin:0;color:#879d8b}.local{font-size:11px;color:#adbfaa;margin-top:26px}.local i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6d381;margin-right:5px}.local p{font-size:10px;color:#809586;line-height:1.6}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.canvasbar{height:51px;display:flex;align-items:center;padding:0 20px;gap:20px;background:#1b2520;border-bottom:1px solid #334137}.canvasbar>div{margin-left:auto;display:flex;align-items:center;gap:10px}.canvasbar button{padding:5px 9px;font-size:11px}.muted{font-size:9px;letter-spacing:1px;color:#718578}#zoomLabel{font-size:11px;width:44px;text-align:center}#stage{flex:1;position:relative;overflow:hidden;background-color:#101814;background-image:linear-gradient(#20302670 1px,transparent 1px),linear-gradient(90deg,#20302670 1px,transparent 1px);background-size:24px 24px}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#17231c;color:#cadb83}footer{height:34px;background:#1b2520;border-top:1px solid #334137;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#9cb09f}@media(max-width:850px){header{padding:0 12px;gap:8px}.brand{min-width:0}.brand small,.project{display:none}.brand strong{font-size:17px}.actions button{padding:8px;font-size:11px}aside{width:210px;padding:15px 12px}.muted{display:none}.canvasbar{padding:0 10px;gap:5px}}@media(max-width:550px){aside{width:155px}.brand strong{font-size:14px}.logo{font-size:25px}.brand{gap:5px}.actions{gap:3px}.actions button{font-size:10px;padding:7px 5px}#tools button{padding:8px 4px;gap:4px}#tools small,kbd{display:none}#tools b{font-size:20px}.canvasbar{height:70px;flex-wrap:wrap;padding:8px}.canvasbar>div{gap:4px}.canvasbar button{padding:4px}dl{display:block}dd{margin-bottom:5px}.pair{flex-wrap:wrap}.pair button{min-width:60px}.eyebrow{letter-spacing:.5px}}

.pond-download{color:#cadb83;font-size:12px;padding:8px 0;text-decoration:none}.pond-download:hover{text-decoration:underline}
/* In-map Admin drawer */
body>header{display:none}main{height:100dvh}.workspace{width:100%}main>aside#adminPanel{display:none;width:330px;padding:16px;position:relative;z-index:15}body.admin-open main>aside#adminPanel{display:block}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#d7e7a1}.admin-head button{padding:4px 12px;font-size:22px}.admin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.admin-tabs button{font-size:12px;padding:9px 5px}.admin-tabs .active{background:#49603a;border-color:#b8d07b}.admin-page[hidden]{display:none!important}.admin-page section{margin-top:14px}.admin-files{display:grid;gap:10px}#adminPanel .canvasbar{height:auto;padding:12px 0;display:flex;flex-wrap:wrap}#adminPanel select{max-width:100%;padding:8px;background:#293a2d;color:#e1e9e4;border:1px solid #50604d;border-radius:5px}#stage #menuPlaceholder{background:#273c28;border:2px solid #b3bb74;border-radius:5px;color:#f0e5ae;font-weight:bold;cursor:pointer;padding:8px 12px;height:40px}#adminPanel label{gap:8px;align-items:center}.admin-page>section:first-child{margin-top:0}#stage #playHelp{pointer-events:none}@media(max-width:650px){body.admin-open main>aside#adminPanel{position:absolute;left:0;top:0;bottom:34px;width:min(310px,82vw);box-shadow:6px 0 24px #0008}.admin-open #stage .player-hud{visibility:hidden}}

#stoneFaceControls{display:grid;gap:10px;margin:14px 0}#stoneFaceControls[hidden]{display:none}#stoneFaceControls select{width:100%;padding:10px;background:#293a31;color:#e0e5d2;border:1px solid #56644a;border-radius:7px}#stoneFaceControls label{font-size:11px;color:#aebc9e}#stoneShore{padding:10px;border:1px solid #74875c;border-radius:7px;background:#344831;color:#e0e9cb;text-align:left;cursor:pointer}

#stoneEraseControls{display:grid;gap:10px;margin:14px 0}#stoneEraseControls[hidden]{display:none}#stoneEraseControls select{width:100%;padding:10px;background:#293a31;color:#e0e5d2;border:1px solid #56644a;border-radius:7px}#stoneEraseControls label{font-size:11px;color:#aebc9e}#restoreErasedShore{padding:10px;border:1px solid #74875c;border-radius:7px;background:#344831;color:#e0e9cb;cursor:pointer}

#islandBrush{margin-left:10px;width:calc(100% - 10px);border-left:3px solid #a8c46a}#islandShapeControls{padding:12px;border:1px solid #657c4d;border-radius:8px;background:#26372b;display:grid;gap:10px}#islandShapeControls[hidden]{display:none}#islandShapeControls label{font-size:12px}#clearLooseWalls{padding:10px;border:1px solid #74875c;border-radius:7px;background:#344831;color:#e0e9cb;cursor:pointer}

#outerBankControls{display:grid;gap:10px;padding:12px;margin:12px 0;border:1px solid #657c4d;border-radius:8px;background:#26372b}#outerBankControls[hidden]{display:none}#outerBankControls select{width:100%;padding:10px;background:#293a31;color:#e0e5d2;border:1px solid #56644a;border-radius:7px}#outerBankControls label{font-size:11px;color:#aebc9e}#outerBankControls button{padding:10px;border:1px solid #74875c;border-radius:7px;background:#344831;color:#e0e9cb;cursor:pointer}
#shoreGeometryControls,#shorePointTools{border:1px solid #485b46;border-radius:8px;padding:12px;margin:8px 0}#shoreGeometryControls select{width:100%;margin:10px 0 16px;background:#293a2d;color:#dce5df;border:1px solid #607258;padding:9px;border-radius:6px}.shore-check{align-items:center;justify-content:flex-start;gap:8px;font-size:11px}#shorePointTools .pair button{display:block;padding:10px 6px;font-size:11px}#shorePointTools>button{width:100%;margin-top:8px}
#pavingControls{margin:12px 0;padding:12px;border:1px solid #526448;border-radius:8px;background:#25372b}#pavingControls[hidden]{display:none}#pavingControls label{display:grid;gap:7px;margin:12px 0;font-size:12px}#pavingControls select{width:100%;padding:9px;background:#293a31;color:#e0e5d2;border:1px solid #657556;border-radius:7px}#pavingControls .paving-curb-toggle{display:flex;align-items:center;gap:9px;font-size:13px}#pavingControls .paving-curb-toggle input{width:18px;height:18px;flex:none;margin:0;accent-color:#a6b76e}#pavingControls>button{width:100%;padding:10px;margin-top:7px;background:#344831;border:1px solid #74875c;border-radius:7px;color:#e0e9cb;cursor:pointer}

#pavingMaterialPreview{height:96px;margin:10px 0;border:1px solid #73805c;border-radius:5px;background-repeat:repeat;background-size:128px 128px;image-rendering:pixelated}
