.reef-structures-panel{z-index:850;color:#173e3b;background:#f8fbf9f7;border:1px solid #c6d6d6;border-radius:14px;flex-direction:column;width:min(340px,100% - 32px);max-height:calc(100% - 155px);display:flex;position:absolute;bottom:76px;left:16px;overflow:hidden;box-shadow:0 8px 28px #07364230}.reef-structures-panel.terrain-active{z-index:950}.reef-structures-panel>header{color:#fff;background:#174d59;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.reef-structures-panel>header>div{flex:1;min-width:0}.reef-structures-panel h3{overflow-wrap:anywhere;margin:4px 0 0;font-size:16px}.reef-structures-panel header small{letter-spacing:.1em;color:#c9e3dc;font-size:9px}.reef-structures-panel button{color:#174d59;cursor:pointer;background:#fff;border:1px solid #b6cfca;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700}.reef-structures-panel header button{padding:3px 8px;font-size:20px}.reef-structures-panel button:disabled{opacity:.5;cursor:default}.reef-structures-panel button:focus-visible{outline-offset:2px;outline:3px solid #d9a14c}.reef-structures-body{min-height:0;padding:0 14px 12px;font-size:12px;line-height:1.5;overflow:auto}.reef-structures-body>p:first-child{font-weight:700}.reef-structures-body small{color:#566f69;display:block}.reef-structures-body details{margin-top:10px;font-size:10px}.reef-structures-body summary{cursor:pointer;font-weight:700}.reef-structures-body a{text-decoration:underline}.reef-structures-panel footer{border-top:1px solid #d3dfda;flex-shrink:0;justify-content:space-between;gap:8px;padding:10px 14px;display:flex}@media (max-width:600px){.reef-structures-panel{width:calc(100% - 16px);max-height:38dvh;bottom:80px;left:8px}}