*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:#1a1410;color:#f0e6d8}#game{display:block;width:100%;height:100%}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#3a2a18 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#1a2a1a 0%,transparent 45%),#12100e}#lobby.hidden,#hud.hidden,.hidden{display:none!important}.panel{width:min(420px,92vw);padding:1.75rem;background:#14100ceb;border:1px solid #6a5438;border-radius:8px;box-shadow:0 12px 40px #00000080}.panel h1{font-size:1.6rem;letter-spacing:.12em;color:#e8a04a}.tag{color:#a89880;font-size:.85rem;margin:.4rem 0 1.2rem}.panel label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#9a8a72;margin-bottom:.85rem}.panel input{display:block;width:100%;margin-top:.3rem;padding:.55rem .65rem;border:1px solid #4a3c2a;border-radius:4px;background:#0e0c0a;color:#f0e6d8;font-size:1rem}#joinBtn{width:100%;margin-top:.4rem;padding:.75rem;border:none;border-radius:4px;background:#c45c26;color:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#joinBtn:hover{background:#e07030}.error{color:#f66;min-height:1.2em;margin-top:.6rem;font-size:.9rem}.help{margin-top:1.2rem;padding-top:1rem;border-top:1px solid #3a3020;font-size:.8rem;color:#a89880}.help ul{margin:.4rem 0 0 1.1rem}.help li{margin:.2rem 0}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#topLeft{position:absolute;top:12px;left:12px;font-size:.85rem;line-height:1.45;text-shadow:0 1px 3px #000}#roomLabel{font-weight:700;color:#e8a04a;letter-spacing:.1em}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffb3;font-size:22px;font-weight:300;text-shadow:0 0 4px #000}#prompt{position:absolute;bottom:90px;left:50%;transform:translate(-50%);padding:.35rem .8rem;background:#0000008c;border-radius:4px;font-size:.9rem;color:#ffe0a0}#notices{position:absolute;top:12px;right:12px;width:280px;text-align:right;font-size:.85rem;text-shadow:0 1px 3px #000}#notices div{margin-bottom:.35rem;color:#f0dcc0}#chatLog{position:absolute;bottom:120px;left:12px;width:360px;max-height:140px;overflow:hidden;font-size:.8rem;text-shadow:0 1px 2px #000;color:#ddd}#chatInput{pointer-events:auto;position:absolute;bottom:70px;left:12px;width:320px;padding:.45rem .6rem;border:1px solid #4a3c2a;border-radius:4px;background:#0a0806d9;color:#f0e6d8}#hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.slot{width:52px;height:52px;border:2px solid #5a4a32;border-radius:4px;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:.65rem;text-align:center;padding:2px;color:#ccc}.slot.active{border-color:#e8a04a;box-shadow:0 0 8px #e8a04a80}#deployAge{position:fixed;right:12px;bottom:12px;z-index:30;padding:.35rem .55rem;border-radius:4px;background:#0a0806a6;border:1px solid rgba(106,84,56,.55);font-size:.72rem;letter-spacing:.04em;color:#a89880;text-shadow:0 1px 2px #000;pointer-events:none;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}