#waterfront-fishing{position:fixed;inset:auto;margin:0;padding:0;border:0;border-radius:0;max-width:none;max-height:none;box-sizing:border-box;background:#000;color:#f4e4bb;overflow:hidden;font-family:'Mykonos Pixel',monospace;font-size:clamp(12px,1.35vw,19px)}
#waterfront-fishing[open]{display:grid;grid-template-rows:minmax(80px,var(--fishing-scene-height,75%)) minmax(0,1fr)}
#waterfront-fishing::backdrop{background:#000b}
.waterfront-fishing-stage{position:relative;min-height:0;overflow:hidden;background:#10323f}
.waterfront-fishing-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair}
.waterfront-fishing-heading{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px;background:linear-gradient(#071421e6,transparent);pointer-events:none}
.waterfront-fishing-heading h2{font:inherit;margin:0;color:#ffe5a2;text-shadow:2px 2px #000}
#waterfront-fishing button{font:inherit;min-height:36px;border:1px solid #716a5a;border-radius:0;background:#111b25;color:#f4e4bb;padding:6px 10px;cursor:pointer}
#waterfront-fishing button:disabled{opacity:.5;cursor:default}
#waterfront-fishing button:focus-visible,#waterfront-fishing input:focus-visible{outline:2px solid #f6d678;outline-offset:2px}
.waterfront-fishing-heading button{pointer-events:auto}
.waterfront-fishing-reading{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#071521df;padding:6px 10px;font-size:.9em;color:#f9e6a7;text-shadow:1px 1px #000}
.waterfront-fishing-controls{width:min(900px,100%);box-sizing:border-box;margin:0 auto;display:flex;flex-direction:column;gap:6px;padding:8px 12px;overflow:auto;background:#000}
.waterfront-fishing-status{margin:0;color:#e4bcfa;line-height:1.3;min-height:1.3em}
.waterfront-fishing-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}
.waterfront-fishing-actions input{min-width:40px;flex:1;accent-color:#f5d575;height:30px;touch-action:pan-x}
#waterfront-fishing .waterfront-fishing-action{color:#101315;background:#ebce7f;border-color:#fff0b7;min-width:108px}
.waterfront-fishing-help{margin:0;color:#bdb4b3;font-size:.8em;line-height:1.35}
@media(max-width:600px){.waterfront-fishing-heading{padding:5px 7px}.waterfront-fishing-heading h2{max-width:38%}.waterfront-fishing-controls{padding:7px;gap:5px}.waterfront-fishing-actions{gap:4px}#waterfront-fishing button{padding:5px 7px}.waterfront-fishing-reading{font-size:11px;bottom:5px}.waterfront-fishing-help{font-size:11px}}
@media(max-height:500px){.waterfront-fishing-controls{padding-top:4px;gap:3px}.waterfront-fishing-heading{padding:4px 8px}#waterfront-fishing button{min-height:30px}.waterfront-fishing-status{font-size:12px}.waterfront-fishing-help{font-size:10px}}