*{margin:0;padding:0}html,body{background:linear-gradient(0deg,var(--near-water-color, #4f8f5a) 0%,var(--far-water-color, #39658f) 100%);height:100%;overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.difficulty-selector{display:flex;position:fixed;top:20px;left:50%;gap:10px;transform:translate(-50%);z-index:1000}.difficulty-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#00000080;padding:10px 20px;color:#fff;font-weight:600;font-size:16px}.difficulty-btn:hover{transform:translateY(-2px);border-color:#fff9;background:#000000b3}.difficulty-btn.active{box-shadow:0 4px 12px #588ca066;border-color:#fffc;background:#588ca0cc}.difficulty-selector.visible{display:flex!important}.enter-container{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;transition:opacity .3s ease,visibility .3s ease}.enter-container.hidden{visibility:hidden;opacity:0;pointer-events:none}.enter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;border:2px solid rgba(255,255,255,.3);border-radius:16px;background:#00000080;padding:15px 40px;color:#fff;font-weight:600;font-size:1.5rem}.enter-btn:hover{transform:translateY(-2px);border-color:#fff9;background:#000000b3}