@import "https://fonts.googleapis.com/css2?family=Space+Mono&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body,html{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1410;width:100%;height:100%;font-family:Space Mono,monospace;overflow:hidden}#glcanvas{z-index:1;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#water-overlay{pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle at 50% 42%,#3078b438,#12406e8c);transition:opacity .25s;position:fixed;inset:0}#ui-container{z-index:10;pointer-events:none;position:fixed;inset:0}#back-btn{pointer-events:auto;color:#ffffff73;letter-spacing:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001f;border:1px solid #ffffff26;padding:8px 16px;font-size:.7rem;text-decoration:none;transition:all .4s;position:absolute;top:28px;left:32px}#back-btn:hover{color:#fffffff2;border-color:#ffffff59}#loading{color:#ffffff8c;letter-spacing:6px;text-shadow:0 1px 12px #0009;font-size:.7rem;transition:opacity .9s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-title{letter-spacing:10px;color:#ffffff80;text-shadow:0 2px 18px #00000080;font-size:1.1rem;position:absolute;bottom:26px;left:34px}#crosshair{pointer-events:none;opacity:.7;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 3px #0009}#crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#hotbar{pointer-events:none;gap:6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#hotbar .slot{border:2px solid #ffffff2e;border-radius:6px;width:44px;height:44px;transition:transform .15s,border-color .15s;position:relative;box-shadow:inset 0 -6px 10px #00000059}#hotbar .slot.sel{border-color:#f4d9b0;transform:translateY(-6px)scale(1.08);box-shadow:0 6px 14px #0006}#hotbar .slot span{color:#ffffffd9;text-shadow:0 1px 2px #000c;font-size:.5rem;position:absolute;bottom:1px;right:3px}#panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a0857;border:1px solid #ffffff1f;width:200px;padding:10px 12px 12px;position:absolute;top:24px;right:26px}#panel-toggle{color:#ffffff8c;letter-spacing:4px;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:2px 0 8px;font-family:inherit;font-size:.62rem}#panel-toggle:hover{color:#ffffffe6}#panel.collapsed #panel-body{display:none}#panel-body label{letter-spacing:2px;color:#ffffff8c;font-size:.58rem;display:block}#panel-body label span{float:right;color:#ffffffd9}#panel-body input[type=range]{appearance:none;cursor:pointer;background:#fff3;width:100%;height:2px;margin-top:7px}#panel-body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f4d9b0;border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #f4d9b099}#panel-body input[type=range]::-moz-range-thumb{background:#f4d9b0;border:none;border-radius:50%;width:11px;height:11px}.hint{letter-spacing:1px;color:#ffffff57;margin-top:14px;font-size:.5rem;line-height:1.8}#play-gate{z-index:25;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08070666;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pg-box{text-align:center}.pg-title{letter-spacing:14px;color:#ffffffeb;text-shadow:0 3px 24px #0009;font-size:2.2rem}.pg-sub{letter-spacing:3px;color:#fff9;margin-top:14px;font-size:.66rem}