*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#f1f5f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}#game canvas{display:block}.hidden{display:none!important}#crosshair{position:fixed;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #0000008c;transform:translate(-50%,-50%);pointer-events:none;z-index:5}#hud-topright{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:6;pointer-events:none}#fps{background:#0f172a9e;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 10px;font-family:Consolas,Courier New,monospace;font-size:12px;color:#f8fafc;letter-spacing:.04em;font-weight:600;white-space:pre}#floor-indicator{background:#0f172a9e;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 10px;font-size:11px;color:#67e8f9;letter-spacing:.06em;text-transform:uppercase;font-weight:700}#floor-indicator-value{color:#fbbf24;font-variant-numeric:tabular-nums;margin-left:4px}#hud-top{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:6;pointer-events:none}.bar{width:220px;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.bar-label{color:#cbd5e1;font-weight:600}.bar-track{height:10px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar-fill{height:100%;width:100%;border-radius:4px;transition:width .18s ease-out}.bar-fill-red{background:linear-gradient(90deg,#b91c1c,#ef4444)}.bar-fill-yellow{background:linear-gradient(90deg,#b45309,#f59e0b)}.bar-fill-cyan{background:linear-gradient(90deg,#0e7490,#22d3ee)}.bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#e2e8f0}#players-left{width:220px;background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#67e8f9;font-weight:600}#hotbar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:6;pointer-events:none}.slot{position:relative;width:56px;height:56px;background:#0f172a8c;border:2px solid rgba(255,255,255,.08);border-radius:6px;display:flex;align-items:center;justify-content:center}.slot.active{border-color:#38bdf8;background:#38bdf81f;box-shadow:0 0 12px #38bdf866}.nametag{margin-top:-.45em;padding:0;background:transparent;border:none;border-radius:0;color:#eff6ff;font-size:12px;font-weight:800;letter-spacing:.03em;text-shadow:0 0 8px rgba(2,6,23,.95),0 2px 4px rgba(2,6,23,.9),0 -1px 2px rgba(2,6,23,.75);-webkit-text-stroke:1px rgba(15,23,42,.45);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.slot-num{position:absolute;bottom:2px;right:4px;font-size:10px;color:#ffffffb3;font-weight:700}.slot-icon{width:36px;height:36px}.shovel-icon{transform:none;background:no-repeat center / 92% 92% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cellipse cx='21' cy='20' rx='9' ry='11' fill='%23f2c79c'/%3E%3Cellipse cx='10' cy='26' rx='7' ry='6' fill='%23b8dae8' transform='rotate(-22 10 26)'/%3E%3Cpath fill='%23f2c79c' d='M8 26c-4-8 8-17 17-17 2 11-10 21-17 17z'/%3E%3C/svg%3E")}.shovel-icon:before,.shovel-icon:after{display:none}#interact-prompt{position:fixed;top:58%;left:50%;transform:translate(-50%);background:#0f172ac7;border:1px solid rgba(255,255,255,.12);padding:10px 18px;border-radius:8px;font-size:14px;letter-spacing:.05em;color:#f1f5f9;z-index:7;pointer-events:none}kbd{display:inline-block;padding:1px 6px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:4px;background:#ffffff14;font-family:Consolas,Courier New,monospace;font-size:11px;color:#fde68a;margin:0 2px}#chat{position:fixed;left:16px;bottom:90px;width:360px;height:180px;display:flex;flex-direction:column;z-index:6;font-size:13px;pointer-events:auto}#chat-messages{flex:1;overflow-y:auto;padding:8px 10px;background:#0f172a00;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;scrollbar-width:thin}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.chat-msg{background:#0f172aa6;padding:3px 8px;border-radius:4px;color:#e2e8f0;word-wrap:break-word;max-width:100%;transition:opacity .6s ease}.chat-msg.system{color:#fde68a}.chat-msg.error{color:#fca5a5}.chat-msg.peer{color:#bae6fdf2;border-left:2px solid rgba(56,189,248,.55);padding-left:8px;margin-left:2px}.chat-msg.you{color:#bae6fd}#chat.closed #chat-input{display:none}#chat.closed .chat-msg.faded{opacity:0}#chat:hover .chat-msg.faded,#chat.open .chat-msg.faded{opacity:1}#chat-input{pointer-events:auto;outline:none;border:1px solid rgba(255,255,255,.18);background:#0f172ad9;color:#f1f5f9;padding:6px 10px;border-radius:4px;font-size:13px;font-family:inherit}#match-result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:8;pointer-events:none;background:radial-gradient(ellipse at center,#0000008c,#0000 70%)}#match-result-text{font-size:56px;font-weight:800;letter-spacing:.06em;color:#fde68a;text-shadow:0 4px 24px rgba(0,0,0,.7);animation:pop-in .45s cubic-bezier(.2,.8,.2,1)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9;pointer-events:none;background:radial-gradient(ellipse at center,#00000059,#0000 65%)}#countdown-text{font-size:156px;font-weight:900;color:#fde68a;letter-spacing:.05em;text-shadow:0 8px 32px rgba(0,0,0,.8),0 0 40px rgba(251,191,36,.4);animation:countdown-pulse .95s cubic-bezier(.2,.8,.2,1)}#countdown-text.go{color:#86efac;text-shadow:0 8px 32px rgba(0,0,0,.8),0 0 60px rgba(74,222,128,.55)}@keyframes countdown-pulse{0%{transform:scale(.45);opacity:0}22%{transform:scale(1.18);opacity:1}60%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:.55}}#start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 120% 80% at 50% -10%,#bae6fd59,#0f172a00 58%),radial-gradient(ellipse 90% 55% at 80% 20%,#7dd3fc1f,#0000 50%),linear-gradient(180deg,#0b1224,#0f172a 32%,#1e293b 58%,#0c1929);z-index:100;pointer-events:auto;overflow:hidden}#start-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background:radial-gradient(ellipse 120% 40% at 18% 98%,rgba(148,163,184,.45),transparent 52%),radial-gradient(ellipse 100% 38% at 48% 100%,rgba(203,213,225,.4),transparent 55%),radial-gradient(ellipse 90% 35% at 82% 100%,rgba(148,163,184,.42),transparent 52%),repeating-linear-gradient(135deg,#ffffff05 0,#ffffff05 2px,#4755690a 2px,#4755690a 5px);-webkit-mask-image:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92) 100%);mask-image:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92) 100%)}#start-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,#e0f2fe33,#0f172a00 22%),radial-gradient(ellipse at center,#0000 40%,#020617d1)}#start-overlay.hidden{display:none}.menu-snow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.menu-snow:before,.menu-snow:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-20%;height:140%;background-image:radial-gradient(1.8px 1.8px at 10% 20%,rgba(255,255,255,.95),transparent 70%),radial-gradient(1.2px 1.2px at 72% 14%,rgba(224,242,254,.9),transparent 70%),radial-gradient(2px 2px at 40% 76%,rgba(255,255,255,.75),transparent 68%),radial-gradient(1.1px 1.1px at 88% 62%,rgba(248,250,252,.85),transparent 68%),radial-gradient(1.5px 1.5px at 22% 48%,rgba(186,230,253,.8),transparent 70%);background-repeat:repeat;background-size:280px 420px;opacity:.62;animation:snow-fall 22s linear infinite;filter:blur(.35px)}.menu-snow:after{background-size:340px 520px;opacity:.38;animation-duration:36s;animation-direction:reverse;filter:blur(.85px)}@keyframes snow-fall{0%{transform:translate3d(0,-12%,0)}to{transform:translate3d(-12px,18%,0)}}.menu-shell{position:relative;z-index:1;width:min(480px,94vw);pointer-events:auto}.menu-panel{position:relative;background:linear-gradient(180deg,#0f1e30f0,#081424f7);border-radius:4px;padding:38px 38px 30px;text-align:center;box-shadow:0 30px 80px #020617bf,0 0 0 1px #67e8f940,0 0 0 4px #0f172ae6,0 0 0 5px #38bdf833,inset 0 1px #e0f2fe1f,inset 0 -40px 55px #02061773}.menu-panel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;background:radial-gradient(ellipse 130% 70% at 50% -15%,rgba(125,211,252,.2),transparent 55%),radial-gradient(ellipse 80% 35% at 50% 100%,rgba(0,0,0,.52),transparent 62%);border-radius:inherit}.menu-panel:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;border:1px solid rgba(125,211,252,.12);border-radius:2px}.menu-panel.hidden{display:none!important}.menu-title{position:relative;font-size:72px;font-weight:900;letter-spacing:.18em;margin-bottom:4px;text-transform:uppercase;color:#e0f2fe;background:linear-gradient(180deg,#f8fafc,#bae6fd 28%,#38bdf8 58%,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 22px rgba(56,189,248,.22),0 4px 0 rgba(0,0,0,.5);filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));animation:title-flicker 3.4s ease-in-out infinite}.menu-title:after{content:"";display:block;width:80%;margin:8px auto 0;height:2px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.75),transparent);box-shadow:0 0 12px #38bdf859}@keyframes title-flicker{0%,to{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) brightness(1)}43%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) brightness(1.08)}46%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) brightness(.92)}49%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) brightness(1.05)}}.menu-tagline{color:#bae6fdc7;font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin:14px 0 12px;line-height:1.4;font-weight:600}.menu-name-field{text-align:left;margin:0 0 16px}.menu-name-label{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7dd3fca6;margin-bottom:6px}.menu-name-field input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:4px;border:1px solid rgba(56,189,248,.35);background:#0206178c;color:#e0f2fe;font-size:15px;font-family:inherit;outline:none}.menu-name-field input::placeholder{color:#94a3b8bf}.menu-name-field input:focus{border-color:#7dd3fcbf;box-shadow:0 0 0 2px #0ea5e940}.menu-btn{position:relative;display:block;width:100%;margin-top:12px;padding:15px 22px;border-radius:3px;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;font-family:inherit;transition:transform .1s ease-out,box-shadow .22s ease,background .22s ease,color .22s ease}.menu-btn-primary{color:#042f2e;background:linear-gradient(180deg,#e0f2fe,#7dd3fc 38%,#0ea5e9);box-shadow:0 0 0 1px #e0f2fe8c,0 0 0 3px #082f49e0,0 0 0 4px #38bdf859,0 12px 30px #0ea5e959,0 0 22px #38bdf840,inset 0 2px #ffffffa6,inset 0 -2px #0369a173;text-shadow:0 1px 0 rgba(240,249,255,.55)}.menu-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #082f49f2,0 0 0 4px #38bdf88c,0 16px 38px #0ea5e973,0 0 36px #38bdf866,inset 0 2px #ffffffd9,inset 0 -2px #0369a18c}.menu-btn-primary:active{transform:translateY(0)}.menu-btn-ghost{margin-top:14px;background:linear-gradient(180deg,#0f283ee0,#081626eb);color:#bae6fde6;box-shadow:0 0 0 1px #38bdf840,0 0 0 3px #081424e0,inset 0 1px #e0f2fe14}.menu-btn-ghost:hover{background:linear-gradient(180deg,#183a58eb,#0c2034f5);color:#f0f9ff;box-shadow:0 0 0 1px #7dd3fc73,0 0 0 3px #081424eb,0 0 18px #38bdf833,inset 0 1px #e0f2fe1f}.menu-hint{font-size:13px;line-height:1.55;color:#bae6fde0;margin:0 0 14px;text-align:left}.menu-hint kbd{font-size:12px;padding:2px 6px;border-radius:4px;background:#082f49bf;border:1px solid rgba(125,211,252,.35)}.menu-settings-heading{font-size:24px;font-weight:900;color:#bae6fd;margin-bottom:22px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.5)}.menu-settings-heading:after{content:"";display:block;width:60%;margin:8px auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.55),transparent)}.menu-back{margin-top:22px}.settings-block{text-align:left;margin-bottom:20px;padding:14px 16px;background:#02061759;border-left:2px solid rgba(56,189,248,.45);border-radius:2px}.settings-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#cfa548f2;font-weight:800;margin-bottom:10px}.settings-mechanics{list-style:none;padding-left:0;font-size:13px;line-height:1.65;color:#d4c8a8}.settings-mechanics li{position:relative;padding-left:18px}.settings-mechanics li:before{content:"◆";position:absolute;left:0;top:0;color:#cfa548b3;font-size:9px}.settings-mechanics kbd{margin:0 1px}.settings-row{display:flex;flex-wrap:wrap;gap:18px}.settings-radio{font-size:14px;color:#e8dec0;cursor:pointer;display:flex;align-items:center;gap:8px}.settings-radio input{accent-color:#d97706}.settings-fog-row{display:flex;align-items:center;gap:12px}.settings-fog-row input[type=range]{flex:1;accent-color:#d97706}.settings-fog-hint{font-size:10px;color:#cfa548b3;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-weight:700}.settings-checkbox{font-size:14px;color:#e8dec0;cursor:pointer;display:flex;align-items:center;gap:10px}.settings-checkbox input{accent-color:#d97706}