body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}#game-container{height:100vh;width:100%}#controls-legend{background-color:#0009;border-radius:8px;color:#fff;font-family:Arial,sans-serif;left:20px;max-width:200px;padding:15px;position:absolute;top:20px;z-index:100}#controls-legend h3{color:#4fc3f7;font-size:18px;margin-bottom:10px;margin-top:0}#controls-legend ul{list-style-type:none;margin-bottom:15px;padding-left:0}#controls-legend li{font-size:14px;margin-bottom:5px}#controls-legend strong{background-color:#fff3;border-radius:3px;display:inline-block;margin-right:8px;padding:2px 4px;text-align:center;width:20px}.treasure-counter{color:#fd4;font-size:16px;margin-bottom:15px;margin-top:10px}.indicators{margin-top:15px}.indicator{margin-bottom:10px}.indicator-label{font-size:14px;margin-bottom:4px}.indicator-bar-container{background-color:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.indicator-bar{background-color:#4fc3f7;height:100%;transition:width .2s ease-out;width:0}.depth-bar{background-color:#64b5f6}.indicator-value{color:#e0e0e0;font-size:12px;margin-top:2px;text-align:right}#surface-glow{background:linear-gradient(180deg,#fffc,#add8e600);height:30%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:50}#audio-toggle{align-items:center;background-color:#0009;border:2px solid #fff;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:20px;transition:all .3s ease;width:50px;z-index:100}#audio-toggle:hover{background-color:#000c;transform:scale(1.1)}