html,body{margin:0;height:100%;overflow:hidden;font-family:sans-serif;background:#000}canvas{display:block}.hidden{display:none!important}#join{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#1a1a2e;color:#eee;z-index:10}#nameInput{padding:10px;font-size:18px}.roles{display:flex;gap:12px}button{padding:10px 20px;font-size:16px;cursor:pointer}#joinError{color:#f66}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#stats{position:absolute;top:56px;left:10px;color:#fff;background:#00000080;padding:8px 12px;border-radius:6px;font-size:14px;white-space:pre}#hpbar{position:absolute;top:10px;left:10px;width:220px;height:16px;background:#0000008c;border-radius:8px;overflow:hidden}#hpfill{height:100%;width:100%;background:#3c3;transition:width .15s}#hptext{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;color:#fff;font-size:12px;line-height:16px;font-weight:700;text-shadow:0 0 3px #000}#ammoBig{position:absolute;top:30px;left:10px;color:#fff;font-size:22px;font-weight:700;text-shadow:0 0 4px #000}#banner{position:absolute;top:60px;left:50%;transform:translate(-50%);color:#f44;font-size:22px;font-weight:700;background:#00000080;padding:6px 16px;border-radius:6px;white-space:pre;text-align:center}#prompt{position:absolute;bottom:80px;left:50%;transform:translate(-50%);color:#fff;font-size:18px;background:#00000080;padding:6px 16px;border-radius:6px}#safeDialog,#shopDialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141428f2;color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}#shopItems{display:flex;flex-direction:column;gap:6px}.shopRow{display:flex;justify-content:space-between;align-items:center;gap:12px}#toast{position:absolute;bottom:140px;left:50%;transform:translate(-50%);color:#fff;font-size:16px;background:#000000b3;padding:8px 18px;border-radius:6px}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 80px 40px #ff00008c}#crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 4px 1px #000c}#chat{position:absolute;bottom:130px;left:10px;width:340px;max-height:130px;overflow-y:auto;color:#fff;font-size:14px;background:#00000073;padding:6px 10px;border-radius:6px;pointer-events:auto}#chat:empty{display:none}#chat div{margin:2px 0;overflow-wrap:break-word}#chatInput{position:absolute;bottom:94px;left:10px;width:340px;padding:6px 10px;font-size:14px;border:none;border-radius:6px;background:#141428f2;color:#fff;pointer-events:auto}#minimap{position:absolute;bottom:20px;right:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0a0a0a}#phoneHint{position:absolute;bottom:230px;right:20px;width:200px;text-align:center;color:#ccc;font-size:12px}#phoneHint .badge,#smsBadge{display:inline-block;min-width:16px;padding:0 4px;border-radius:8px;background:#f44;color:#fff;font-size:11px;font-weight:700}#fullmap{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;pointer-events:auto;cursor:grab}#phone{position:absolute;bottom:20px;right:240px;width:300px;height:520px;background:#15151f;border:3px solid #333;border-radius:24px;color:#eee;pointer-events:auto;display:flex;flex-direction:column;padding:12px;font-size:14px}#phoneHome{display:flex;flex-direction:column;gap:10px;align-items:stretch}#phoneClock{text-align:center;font-size:28px;margin:10px 0 20px}.phoneApp{padding:14px;font-size:16px;background:#262638;color:#eee;border:none;border-radius:12px;cursor:pointer;text-align:left}.phoneApp:hover{background:#34344c}.phoneScreen{display:flex;flex-direction:column;height:100%;gap:8px}.phoneBar{display:flex;justify-content:space-between;align-items:center;font-weight:700}.phoneBar button{background:none;border:none;color:#eee;font-size:18px;cursor:pointer}#smsDialogs,#threadMsgs,#transferList,#topList{flex:1;overflow-y:auto}.smsRow{padding:8px;border-bottom:1px solid #2a2a3a;cursor:pointer;display:flex;justify-content:space-between}.smsRow:hover{background:#262638}.badge{display:inline-block;min-width:16px;padding:0 4px;border-radius:8px;background:#f44;color:#fff;font-size:11px;font-weight:700}.msgIn,.msgOut{margin:4px 0;padding:6px 10px;border-radius:12px;max-width:80%;overflow-wrap:break-word}.msgIn{background:#2a2a3a;align-self:flex-start}.msgOut{background:#2d5a2d;align-self:flex-end;margin-left:auto}#threadMsgs{display:flex;flex-direction:column}#threadForm,#transferForm,#smsNewForm{display:flex;gap:6px}#threadForm input,#transferForm input,#smsNewForm input{flex:1;min-width:0;background:#0d0d14;color:#eee;border:1px solid #333;border-radius:8px;padding:8px}#threadForm button,#transferForm button,#smsNewForm button,#jobBtn{background:#2d5a2d;color:#eee;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}#bankBalance{font-size:20px;text-align:center;padding:8px}.transferRow{padding:6px;border-bottom:1px solid #2a2a3a;font-size:13px;color:#bbb}#jobInfo{padding:8px;line-height:1.5}#jobBtn{width:100%;padding:12px;font-size:15px}#deathOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:#3c000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#deathTitle{color:#f66;font-size:42px;font-weight:700;text-shadow:0 0 12px #000}#deathTimer{color:#fff;font-size:20px;text-shadow:0 0 6px #000}#feed{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none}#feed div{color:#fff;font-size:13px;background:#00000080;border-radius:4px;padding:3px 8px}#reconnectOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#000000bf;color:#fff;font-size:22px}@media (max-width: 900px){#chat,#chatInput{width:46vw}}@media (max-width: 700px){#hpbar{width:160px}#stats{top:52px;font-size:12px}#ammoBig{font-size:18px}#banner{top:50px;font-size:16px}#prompt{bottom:110px;font-size:15px}#toast{bottom:210px}#minimap{width:130px;height:130px;bottom:12px;right:12px}#phoneHint{display:none}#phone{top:0;left:0;width:auto;height:auto;right:0;bottom:0;border:none;border-radius:0;padding:16px;font-size:16px}.phoneApp{padding:18px;font-size:18px}#jobBtn{padding:16px;font-size:17px}#chat{bottom:170px;max-height:100px}#chatInput{bottom:134px}#deathTitle{font-size:30px}}#touchUI{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#stick{position:absolute;bottom:30px;left:30px;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}#nub{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#ffffff4d}#touchUI button{position:absolute;width:64px;height:64px;border-radius:50%;background:#00000073;color:#fff;font-size:14px;border:2px solid rgba(255,255,255,.3);pointer-events:auto;touch-action:none}#btnAttack{right:30px;bottom:100px;width:84px;height:84px;font-size:16px}#btnE{right:130px;bottom:40px}#btnRun{right:40px;bottom:200px}#btnPhone{right:130px;bottom:130px}#btnMap{right:210px;bottom:40px}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;font-weight:700;text-shadow:0 0 4px #000;pointer-events:none}#dmgDir{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;border:30px solid transparent;border-top-color:#ff2828cc;pointer-events:none}#debug{position:absolute;top:40px;right:10px;color:#9f9;font-size:12px;font-family:monospace;background:#00000080;padding:4px 8px;border-radius:4px;pointer-events:none}#chat div.sysMsg{color:#aaa;font-style:italic}#settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#00000080}#settings .panel{background:#141428f7;color:#fff;padding:24px;border-radius:10px;display:flex;flex-direction:column;gap:14px;min-width:300px;pointer-events:auto}#settings h2{margin:0;font-size:18px}#settings label{display:flex;align-items:center;gap:10px;justify-content:space-between}#settings .row{display:flex;align-items:center;gap:8px;justify-content:space-between}#settings input[type=range]{flex:1}#settings select{background:#1c1c1c;color:#eee;border:1px solid #444;padding:5px 8px}#tablist{position:absolute;top:60px;left:50%;transform:translate(-50%);min-width:260px;max-height:60vh;overflow-y:auto;background:#000000a6;border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;pointer-events:none}#tablist .tabTitle{font-weight:700;margin-bottom:6px}#tablist .tabRow{display:flex;justify-content:space-between;gap:16px;padding:1px 0}#tablist .tabRow.cop span:last-child{color:#7af}