*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#e0e0e0;background:#0f0f1a;font-family:system-ui,Segoe UI,Roboto,sans-serif}.hidden{display:none!important}#lobby{z-index:20;background:radial-gradient(#1a1a2e 0%,#0f0f1a 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-card{text-align:center;background:#16162a;border:1px solid #2a2a4a;border-radius:12px;width:400px;max-width:calc(100vw - 2rem);padding:2.5rem;box-shadow:0 8px 32px #0006}.lobby-card h1{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:600}.subtitle{color:#88a;margin-bottom:1.75rem;font-size:.95rem}.play-btn{letter-spacing:.02em;padding:.85rem 1.5rem;font-size:1.15rem;font-weight:600}.player-type-picker{text-align:left;margin-bottom:1.25rem}.picker-label{color:#a29bfe;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.type-options{flex-direction:column;gap:.5rem;display:flex}.type-option{cursor:pointer;border:1px solid #2a2a4a;border-radius:8px;flex-direction:column;gap:.15rem;padding:.65rem .75rem;transition:border-color .2s,background .2s;display:flex}.type-option:has(input:checked){background:#6c5ce71f;border-color:#6c5ce7}.type-option--raider:has(input:checked){background:#e74c3c1a;border-color:#e74c3c}.type-option--guardian:has(input:checked){background:#3498db1a;border-color:#3498db}.type-option input{opacity:0;width:1px;height:1px;position:absolute}.type-option span{color:#fff;font-weight:600}.type-option small{color:#88a;font-size:.75rem}button{cursor:pointer;color:#fff;background:#6c5ce7;border:none;border-radius:8px;width:100%;padding:.65rem 1.25rem;font-family:inherit;font-size:1rem;transition:background .2s}button:hover{background:#7d6ff0}button:disabled{opacity:.5;cursor:not-allowed}.join-row{gap:.5rem;margin-top:1rem;display:flex}.join-row button{flex-shrink:0;width:auto}input{color:#fff;text-transform:uppercase;letter-spacing:.15em;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;flex:1;padding:.65rem .75rem;font-family:inherit;font-size:1rem}input:focus{outline-offset:1px;outline:2px solid #6c5ce7}.error{color:#ff6b6b;margin-top:1rem;font-size:.875rem}.status{color:#a29bfe;margin-top:1rem;font-size:.875rem}#game{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;background:#1a1a2e;flex-direction:column;display:flex;position:fixed;inset:0}#game:not(.hidden){z-index:30}@media (hover:none) and (pointer:coarse){.desktop-hint{display:none}.mobile-hint{display:inline!important}.hotbar__slot{width:5.25rem;height:5.25rem}#scene-container{padding-bottom:6.5rem}}#lobby.hidden{pointer-events:none}#hud{z-index:10;background:#0f0f1ad9;border-bottom:1px solid #2a2a4a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex}#player-type-label{color:#f39c12;font-weight:600}#room-label{color:#a29bfe;font-weight:600}.hint{color:#668}.match-countdown{z-index:40;text-align:center;pointer-events:none;background:#0f0f1af0;border:1px solid #6c5ce7;border-radius:12px;min-width:16rem;padding:.7rem 1.75rem .75rem;position:fixed;top:3.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.match-countdown.hidden{display:none}.match-countdown__label{text-transform:uppercase;letter-spacing:.12em;color:#a29bfe;margin:0 0 .2rem;font-size:.72rem;font-weight:600}.match-countdown__timer{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:700;line-height:1.1}.match-countdown__sub{color:#88a;max-width:22rem;margin:.35rem 0 0;font-size:.72rem}#scene-container{isolation:isolate;background:#1a1a2e;flex:1;width:100%;min-height:0;padding-bottom:5.75rem;position:relative;overflow:hidden}#scene-container canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.coin-panel{z-index:15;pointer-events:none;background:#0f0f1ae0;border:1px solid #3d3d5c;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;min-width:5.5rem;padding:.85rem 1rem;display:flex;position:absolute;top:calc(50% + 1.25rem);left:1rem;transform:translateY(-50%);box-shadow:0 4px 16px #00000059}.chat-panel{z-index:15;pointer-events:auto;background:#0f0f1ae0;border:1px solid #3d3d5c;border-radius:10px;flex-direction:column;gap:.4rem;width:min(18rem,100vw - 2rem);padding:.55rem .65rem;display:flex;position:absolute;top:4.25rem;left:1rem;box-shadow:0 4px 16px #00000059}.chat-messages{scrollbar-width:thin;scrollbar-color:#3d3d5c transparent;flex-direction:column;gap:.25rem;max-height:7.5rem;font-size:.78rem;line-height:1.35;display:flex;overflow-y:auto}.chat-line{color:#c8c8e0;word-break:break-word}.chat-line__sender{font-weight:600}.chat-line--raider .chat-line__sender{color:#e74c3c}.chat-line--guardian .chat-line__sender{color:#3498db}.chat-line--local .chat-line__sender{color:#a29bfe}.chat-line__text{color:#d8d8ec}.chat-form{display:flex}#chat-input{color:#fff;text-transform:none;letter-spacing:normal;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;width:100%;padding:.45rem .55rem;font-size:.8rem}#chat-input:focus{outline-offset:1px;outline:2px solid #6c5ce7}#chat-input:disabled{opacity:.55;cursor:not-allowed}.username-overlay{z-index:40;pointer-events:auto;background:#0808128c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.username-bar{text-align:center;background:#0f0f1af5;border:1px solid #3d3d5c;border-radius:12px;width:min(24rem,100vw - 2rem);padding:1.25rem 1.35rem;box-shadow:0 10px 40px #00000073}.username-bar h2{color:#fff;margin-bottom:.35rem;font-size:1.15rem;font-weight:600}.username-bar__hint{color:#88a;margin-bottom:1rem;font-size:.8rem}.username-form{gap:.5rem;display:flex}#username-input{color:#fff;text-transform:none;letter-spacing:normal;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;flex:1;padding:.55rem .65rem;font-size:.95rem}#username-input:focus{outline-offset:1px;outline:2px solid #6c5ce7}.username-form button{flex-shrink:0;width:auto;padding:.55rem 1rem;font-size:.95rem}.username-error{color:#ff6b6b;margin-top:.75rem;font-size:.8rem}.shop-overlay{z-index:35;pointer-events:auto;background:#08081299;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shop-panel{background:#0f0f1af7;border:1px solid #3d3d5c;border-radius:12px;width:min(28rem,100vw - 2rem);max-height:min(80vh,32rem);padding:1.1rem 1.2rem 1rem;overflow:auto;box-shadow:0 10px 40px #00000073}.shop-panel__header{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.85rem;display:flex}.shop-panel__header h2{color:#fff;margin-right:auto;font-size:1.2rem;font-weight:600}.shop-panel__coins{color:#f1c40f;font-size:.9rem;font-weight:600}.shop-panel__close{color:#c8c8e0;background:0 0;border:1px solid #3d3d5c;width:auto;padding:.35rem .55rem;font-size:.95rem;line-height:1}.shop-panel__close:hover{background:#6c5ce726}.shop-list{flex-direction:column;gap:.65rem;display:flex}.shop-item{background:#16162abf;border:1px solid #2a2a4a;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .8rem;display:flex}.shop-item__name{color:#fff;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.shop-item__desc{color:#88a;margin-bottom:.25rem;font-size:.78rem}.shop-item__price{color:#f1c40f;font-size:.82rem;font-weight:600}.shop-item__buy{width:auto;padding:.45rem .85rem;font-size:.85rem}.shop-item__buy--unaffordable{opacity:.55}.shop-item__owned{color:#a29bfe;white-space:nowrap;font-size:.8rem;font-weight:600}.shop-message{color:#ff6b6b;margin-top:.75rem;font-size:.8rem}.shop-panel__hint{color:#668;margin-top:.85rem;font-size:.75rem}.coin-panel__icon{font-size:1.35rem;line-height:1}#coin-amount{color:#f1c40f;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.coin-panel__label{text-transform:uppercase;letter-spacing:.08em;color:#88a;font-size:.7rem}.hotbar{z-index:45;pointer-events:auto;touch-action:manipulation;background:#0f0f1af0;border-top:1px solid #2a2a4a;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem 1rem .75rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000059}.hotbar.hidden{display:none}.hotbar__slots{justify-content:center;gap:.55rem;display:flex}.hotbar__slot{color:#e0e0e0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#16162af2;border:2px solid #3d3d5c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:4.75rem;height:4.75rem;padding:.35rem .25rem .25rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.hotbar__slot:hover{background:#20203afa;border-color:#6c5ce7}.hotbar__slot--equipped{background:#282448fa;border-color:#a29bfe;box-shadow:0 0 14px #a29bfe80}.hotbar__slot--cooldown{opacity:.55;cursor:not-allowed;box-shadow:none;border-color:#4a4a6a}.hotbar__slot--cooldown:hover{background:#16162af2;border-color:#4a4a6a}.hotbar__slot--locked{opacity:.72;cursor:pointer;border-style:dashed}.hotbar__slot--locked:hover{background:#20203afa;border-color:#6c5ce7}.hotbar__slot-cooldown{color:#ff9f43;font-variant-numeric:tabular-nums;background:#080812b8;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.hotbar__slot-key{color:#88a;font-size:.62rem;font-weight:700;line-height:1;position:absolute;top:.2rem;left:.35rem}.hotbar__slot-icon{font-size:1.35rem;line-height:1}.hotbar__slot-name{text-align:center;color:#b8b8d0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;line-height:1.15;overflow:hidden}.hotbar__hint{color:#668;margin:0;font-size:.68rem}.hotbar__hint--action{color:#ff9f43;letter-spacing:.02em;font-size:.82rem;font-weight:600}.hotbar__slot--shop{background:#1e1c34f2;border-color:#a29bfe}.hotbar__slot--shop:hover{border-color:#c4b5fd}.mobile-controls{z-index:22;pointer-events:none;position:fixed;inset:0}.mobile-controls.hidden{display:none!important}.joystick-zone{pointer-events:auto;touch-action:none;width:9rem;height:9rem;position:absolute;bottom:6.5rem;left:.75rem}.joystick-base{background:#0f0f1a8c;border:2px solid #3d3d5ce6;border-radius:50%;width:7.5rem;height:7.5rem;margin:-3.75rem 0 0 -3.75rem;position:absolute;top:50%;left:50%}.joystick-knob{background:#a29bfed9;border:2px solid #ffffff59;border-radius:50%;width:3rem;height:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059}.look-zone{pointer-events:auto;touch-action:none;width:42%;position:absolute;top:3.5rem;bottom:8.5rem;right:0}.mobile-jump-btn{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;color:#1e1e28eb;z-index:2;background:radial-gradient(circle at 35% 30%,#fffffff2,#dcdce4d1);border:none;border-radius:50%;justify-content:center;align-items:center;width:4.75rem;height:4.75rem;padding:0;transition:transform 80ms,box-shadow 80ms;display:flex;position:absolute;bottom:7.75rem;right:1.35rem;box-shadow:0 0 0 3px #ffffff38,0 4px 14px #0006,inset 0 -2px 6px #0000001f}.mobile-jump-btn__icon{width:2rem;height:2rem;margin-top:-.15rem}.mobile-jump-btn--pressed,.mobile-jump-btn:active{transform:scale(.9);box-shadow:0 0 0 3px #ffffff2e,0 2px 8px #00000059,inset 0 2px 8px #0000002e}.mobile-place-btn{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;color:#fff;z-index:2;background:radial-gradient(circle at 35% 30%,#ffb464f2,#e67828e0);border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;font-size:1.35rem;line-height:1;display:flex;position:absolute;bottom:13.25rem;right:1.35rem;box-shadow:0 0 0 3px #ff9f4359,0 4px 14px #0006}.mobile-place-btn.hidden{display:none!important}@media (hover:none) and (pointer:coarse){.mobile-jump-btn{width:5.25rem;height:5.25rem;bottom:8rem;right:1.1rem}.mobile-jump-btn__icon{width:2.25rem;height:2.25rem}.mobile-place-btn{bottom:14rem}}.landmine-reward{z-index:24;pointer-events:none;text-align:center;background:#0f0f1aeb;border:1px solid #3d3d5c;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;min-width:14rem;padding:.65rem 1.25rem;display:flex;position:fixed;bottom:7.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.landmine-reward__coins{color:#ffd166;letter-spacing:.02em;font-size:1.35rem;font-weight:700}.landmine-reward__text{color:#e0e0e0;font-size:.92rem}