*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#10141c}body{font-family:Segoe UI,system-ui,sans-serif;color:#e8eef6}#app{position:fixed;inset:0}canvas{display:block}#lobby{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#14324f,#1d5e8f 60%,#2b7fd4);z-index:20}#lobby .panel{background:#0a1420d1;border:1px solid #3a5a7a;border-radius:14px;padding:34px 40px;width:380px;text-align:center;box-shadow:0 12px 40px #00000073}#lobby h1{font-size:34px;letter-spacing:2px;margin-bottom:4px;color:#f6c445;text-shadow:0 2px 0 #7a5a10}#lobby .tag{font-size:13px;color:#9fc3e8;margin-bottom:22px}#lobby input{width:100%;padding:10px 12px;margin-bottom:12px;border-radius:8px;border:1px solid #3a5a7a;background:#0d1826;color:#e8eef6;font-size:15px;outline:none}#lobby input:focus{border-color:#f6c445}#lobby button{width:100%;padding:11px;margin-top:8px;border:0;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;background:#2b7fd4;color:#fff;transition:filter .15s}#lobby button:hover{filter:brightness(1.15)}#lobby button.solo{background:#3fa15c}#lobby button.join{background:#7a5fd0}#lobby .row2{display:flex;gap:8px}#lobby .row2 input{margin-bottom:0;text-transform:uppercase}#lobby .row2 button{margin-top:0;width:130px;flex-shrink:0}#lobby .err{color:#ff9d8d;font-size:13px;min-height:18px;margin-top:10px}#lobby .status{color:#9fc3e8;font-size:13px;min-height:18px;margin-top:10px}#lobby .field{text-align:left;margin-bottom:4px}#lobby .field label,#lobby .or{display:block;font-size:12px;color:#9fc3e8;margin:6px 2px 4px;text-align:left}#lobby button.primary{padding:16px;font-size:17px;box-shadow:0 4px 16px #7a5fd059}#lobby button.back{background:transparent;border:1px solid #3a5a7a;color:#9fc3e8;font-weight:500}#lobby .list{display:flex;flex-direction:column;gap:6px;min-height:84px;max-height:260px;overflow:auto;margin-bottom:6px}#lobby .list .empty{color:#77879a;font-size:13px;padding:26px 0;text-align:center}#lobby .list .row{display:flex;align-items:center;gap:10px;background:#0d1826;border:1px solid #26384c;border-radius:8px;padding:8px 10px}#lobby .list .info{flex:1;min-width:0;text-align:left}#lobby .list .gn{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby .list .meta{font-size:12px;color:#9fc3e8}#lobby .list .row button{width:auto;margin:0;padding:8px 16px;flex-shrink:0}#lobby button:disabled{opacity:.45;cursor:default;filter:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}#hud>div{position:absolute}#hud-coins{top:14px;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;letter-spacing:1px;background:#080e1699;padding:6px 16px;border-radius:20px;display:flex;align-items:center;gap:8px}.coin-dot{width:16px;height:16px;border-radius:50%;background:#f6c445;border:2px solid #c9992a;display:inline-block}#hud-coins .pocket{font-size:13px;font-weight:700;color:#ffd875;background:#7a5a1080;padding:2px 8px;border-radius:10px;margin-left:4px}#hud-board .row em{font-style:normal;font-size:11px;color:#ffd875;margin-left:5px}#hud-room{top:14px;left:14px;font-size:12px;color:#cfe3f7;background:#080e168c;padding:5px 10px;border-radius:8px}#hud-board{top:14px;right:14px;background:#080e168c;border-radius:8px;padding:8px 10px;min-width:130px}#hud-board .row{display:flex;align-items:center;gap:7px;font-size:13px;padding:2px 0}#hud-board .row.me{font-weight:700}#hud-board .row i{width:10px;height:10px;border-radius:3px;display:inline-block}#hud-board .row b{margin-left:auto;color:#f6c445}#hud-msgs{left:14px;bottom:90px;display:flex;flex-direction:column;gap:4px}#hud-msgs .msg{font-size:13px;background:#080e1699;padding:4px 10px;border-radius:6px;transition:opacity .8s}#hud-msgs .msg.fade{opacity:0}#hud-cross{left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 4px #000c}#hud-lockhint{left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;background:#080e16bf;padding:12px 22px;border-radius:10px;border:1px solid #3a5a7a;display:none}#hud-dive{left:50%;top:38%;transform:translate(-50%,-50%);font-size:26px;font-weight:800;color:#dff3ff;text-shadow:0 2px 10px #06121f;display:none}#hud-win{inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#060a108c;text-align:center}#hud-win-name{font-size:46px;font-weight:900;text-shadow:0 3px 12px #000}#hud-win-sub{font-size:16px;color:#cfe3f7;margin-top:10px}#hud-dock{bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:5px}#hud-res{display:flex;gap:12px;padding:3px 8px;background:#080e168c;border-radius:8px}#hud-res .res{display:flex;align-items:center;gap:4px}#hud-res .res i{width:18px;height:18px;display:inline-block}#hud-res .res i svg{width:100%;height:100%}#hud-res .res b{font-size:14px;text-shadow:1px 1px 0 #000;min-width:14px}#hud-hotbar{position:static;display:flex;gap:6px}#hud-hotbar .slot{position:relative;width:58px;height:58px;border-radius:8px;background:#080e16a6;border:2px solid #3a4a5e}#hud-hotbar .slot.sel{border-color:#f6c445;box-shadow:0 0 10px #f6c44559}#hud-hotbar .slot.empty .icon{opacity:.3}#hud-hotbar .icon{position:absolute;inset:9px 9px 13px}#hud-hotbar .icon svg{width:100%;height:100%}#hud-hotbar .key{position:absolute;top:2px;left:5px;font-size:10px;color:#9fb4cc}#hud-hotbar .cost{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:9px;color:#cdb87a}#hud-hotbar .count{position:absolute;bottom:2px;right:6px;font-size:14px;font-weight:800;text-shadow:1px 1px 0 #000}#hud-charge{position:static;align-self:center;width:124px;height:8px;border-radius:4px;background:#080e16b3;border:1px solid #3a4a5e;display:none;overflow:hidden}#hud-charge-fill{height:100%;width:0;background:linear-gradient(90deg,#6bd06b,#f6c445,#ff8d6b)}#hud-shop{left:50%;bottom:118px;transform:translate(-50%);font-size:14px;background:#080e16bf;padding:6px 14px;border-radius:8px;border:1px solid #cdb87a;color:#ffe9ad;display:none}#hud-hint{bottom:16px;right:14px;font-size:11px;color:#8aa4c0;max-width:320px;text-align:right}