:root{font-family:Courier New,monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#010501}canvas{display:block}#bootLoader{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 28%,#2c702c59,#000800eb 68%),#000800f2}#bootLoader.hidden{display:none}.boot-card{width:min(92vw,520px);border:1px solid rgba(112,255,112,.48);border-radius:12px;padding:18px;background:#001400db;color:#b7ffbc;box-shadow:0 0 36px #39d63933}.boot-card h1{margin:0 0 10px;font-size:1.1rem;letter-spacing:.08em}.boot-card p{margin:0;font-size:.88rem}.boot-track{margin-top:12px;width:100%;height:12px;border-radius:999px;border:1px solid rgba(130,255,130,.45);background:#022402cc;overflow:hidden}.boot-fill{width:0;height:100%;background:linear-gradient(90deg,#1bc431,#9bff9b);box-shadow:0 0 12px #8eff8e8c;transition:width .18s linear}#bootLoaderPercent{margin-top:8px;text-align:right;font-size:.82rem;opacity:.9}#lobby{position:fixed;top:50%;left:50%;width:min(96vw,980px);max-height:92vh;overflow:hidden;transform:translate(-50%,-50%);z-index:20;border:1px solid rgba(112,255,112,.5);background:#001200db;border-radius:12px;padding:16px;color:#a5ffad;box-shadow:0 0 35px #39d63933}#lobby .lobby-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}#lobby .lobby-main{min-width:0;max-height:calc(92vh - 56px);overflow:hidden}#lobby h1,#lobby h2{margin:0 0 10px}#lobby h1{font-size:1.1rem;letter-spacing:.08em}#lobby h2{font-size:.95rem;margin-top:12px}#lobby label{display:block;margin:8px 0;font-size:.88rem}#lobby input,#lobby select{width:100%;margin-top:6px;padding:8px;border-radius:8px;border:1px solid rgba(122,255,122,.5);background:#022002e6;color:#c1ffc5}.character-preview{width:100%;height:auto;aspect-ratio:16 / 9;min-height:160px;max-height:28vh;margin:10px 0 6px;border:1px solid rgba(122,255,122,.45);border-radius:10px;background:radial-gradient(circle at 50% 35%,#27682773,#081408e6 70%),#001000e0;overflow:hidden}@media(max-width:880px){#lobby{width:min(96vw,640px)}}.character-preview canvas{width:100%;height:100%;display:block}.lobby-actions{display:flex;gap:8px;margin-top:8px}button{border:1px solid rgba(122,255,122,.55);border-radius:8px;background:#002800d9;color:#afffb5;padding:8px 10px;cursor:pointer}button:hover{background:#0a460af2}button:disabled{opacity:.4;cursor:not-allowed}.room-list{display:grid;gap:8px;max-height:22vh;overflow:auto;padding-right:4px}.room-card{border:1px solid rgba(122,255,122,.35);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#001f0099}.room-card p{margin:2px 0;font-size:.8rem}.room-empty{margin:0;opacity:.8}.error{margin-top:8px;color:#ff7e7e}.hidden{display:none}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#matchInfo{position:fixed;top:14px;left:14px;width:min(92vw,360px);color:#8bff8b;background:#001400b3;border:1px solid rgba(112,255,112,.45);border-radius:8px;padding:10px 12px;text-shadow:0 0 10px rgba(80,255,80,.45);opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}#matchInfo.visible{opacity:1;transform:translateY(0);pointer-events:auto}#matchInfo h2{margin:0 0 6px;font-size:14px;letter-spacing:.08em}#matchInfo p{margin:2px 0;font-size:12px}.host-controls{display:flex;gap:6px;margin:8px 0}#leaveRoomHudBtn{margin-top:4px;width:100%}.side-bar{position:fixed;top:50%;transform:translateY(-50%);width:56px;padding:10px 8px;border:1px solid rgba(112,255,112,.45);border-radius:10px;background:#001400b3;color:#b8ffbf;text-align:center;text-shadow:0 0 10px rgba(80,255,80,.45)}.side-bar.left{left:14px}.side-bar.right{right:14px;width:148px;padding:10px}.side-bar.right-top{top:auto;bottom:14px;right:142px;transform:none}.side-bar.right-bottom{top:auto;bottom:14px;right:14px;transform:none}#healthBarWrap{inset:auto auto 14px 14px;width:148px;padding:10px;transform:none}#healthBarWrap .bar-track{width:120px;height:12px;margin:8px auto 0;align-items:center}#healthBarWrap .bar-fill{width:0;height:100%;transition:width .12s linear}.bar-track{width:12px;height:180px;margin:8px auto 0;border:1px solid rgba(140,255,140,.45);background:#092d09bf;border-radius:999px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;height:0;transition:height .12s linear}.side-bar.right .bar-track{width:120px;height:12px;margin:8px auto 0;align-items:center}.side-bar.right .bar-fill{width:0;height:100%;transition:width .12s linear}.bar-fill.health{background:linear-gradient(180deg,#8effa8,#0fe65c)}.bar-fill.shield{background:linear-gradient(180deg,#8ff3ff,#39b8ff)}.bar-fill.ammo{background:linear-gradient(180deg,#9ecbff,#4c8dff)}#healthSideLabel,#shieldSideLabel,#ammoSideLabel{display:block;font-size:11px;line-height:1.2;min-height:28px}#crosshair{position:fixed;left:50%;top:50%;width:12px;height:12px;--crosshair-gap: 5px;--crosshair-size: 14px;margin-left:-6px;margin-top:-6px;pointer-events:none;z-index:12}.chat-feed{position:fixed;top:10px;right:14px;width:min(42vw,460px);z-index:33;pointer-events:none;opacity:0;transition:opacity .14s ease}.chat-feed.open{opacity:1}.chat-panel{position:fixed;top:0;left:50%;transform:translate(-50%,-110%);width:min(92vw,620px);z-index:33;pointer-events:none;transition:transform .18s ease}.chat-panel.open{transform:translate(-50%,10px)}.chat-log{max-height:160px;overflow:auto;border:1px solid rgba(112,255,112,.45);border-radius:10px;background:#001400c7;color:#b8ffbf;padding:8px 10px;text-shadow:0 0 10px rgba(80,255,80,.35);font-size:12px;pointer-events:auto}.chat-log p{margin:0 0 4px;line-height:1.35}.chat-log p:last-child{margin-bottom:0}.chat-input-wrap{margin-top:6px;pointer-events:auto}#chatInput{width:100%;border:1px solid rgba(122,255,122,.5);border-radius:8px;background:#022002f2;color:#c1ffc5;padding:8px 10px;outline:none}#respawnScreen{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#010601b8}#respawnScreen:not(.hidden){display:flex}#winnerScreen{position:fixed;inset:0;z-index:31;display:none;align-items:center;justify-content:center;background:#010601c2}#winnerScreen:not(.hidden){display:flex}.respawn-card{min-width:260px;text-align:center;border:1px solid rgba(120,255,120,.55);border-radius:12px;background:#001400e6;color:#b8ffbf;padding:18px 20px;box-shadow:0 0 30px #4cde4c40}.winner-card{min-width:300px;text-align:center;border:1px solid rgba(120,255,120,.6);border-radius:12px;background:#001400eb;color:#b8ffbf;padding:18px 20px;box-shadow:0 0 30px #4cde4c47}.winner-card h2{margin:0 0 8px;font-size:1.2rem;letter-spacing:.06em}.winner-card p{margin:0;font-size:1rem}#winnerText{margin-bottom:10px}#damageOverlay{--bleed-inner: 20%;position:fixed;inset:0;z-index:24;pointer-events:none;opacity:0;transition:opacity 70ms linear;background:radial-gradient(circle at center,rgba(130,0,0,0) var(--bleed-inner),rgba(130,0,0,.26) 78%,rgba(110,0,0,.75) 100%),radial-gradient(circle at 20% 18%,#b4000040,#b4000000 46%),radial-gradient(circle at 82% 30%,#aa000038,#a000 44%),radial-gradient(circle at 40% 84%,#96000033,#96000000 42%)}.scoreboard-card{min-width:min(92vw,520px);max-height:70vh;overflow:auto;border:1px solid rgba(120,255,120,.55);border-radius:12px;background:#001400e6;color:#b8ffbf;padding:14px;box-shadow:0 0 30px #4cde4c40}#scoreboard{position:fixed;inset:0;z-index:28;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#00000059}#scoreboard.hidden{display:none}.scoreboard-card h2{margin:0 0 10px}.scoreboard-card table{width:100%;border-collapse:collapse;font-size:.95rem}.scoreboard-card th,.scoreboard-card td{padding:6px 8px;border-bottom:1px solid rgba(140,255,140,.2);text-align:left}.scoreboard-card th:nth-child(2),.scoreboard-card th:nth-child(3),.scoreboard-card td:nth-child(2),.scoreboard-card td:nth-child(3){width:56px;text-align:center}.respawn-card h2{margin:0 0 8px;font-size:1.2rem;letter-spacing:.06em}.respawn-card p{margin:0;font-size:1rem}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#9affa2f2;box-shadow:0 0 8px #66ff7af2}#crosshair:before{left:5px;top:calc(6px - var(--crosshair-gap) - var(--crosshair-size));width:2px;height:var(--crosshair-size);box-shadow:0 0 8px #66ff7af2,0 calc((var(--crosshair-gap) * 2) + var(--crosshair-size) + 2px) 0 #9affa2f2}#crosshair:after{left:calc(6px - var(--crosshair-gap) - var(--crosshair-size));top:5px;width:var(--crosshair-size);height:2px;box-shadow:0 0 8px #66ff7af2,calc((var(--crosshair-gap) * 2) + var(--crosshair-size) + 2px) 0 0 #9affa2f2}#crosshair.hit:before,#crosshair.hit:after{background:#fff4adfa;box-shadow:0 0 11px #ffeb7dfa}#crosshair.headshot:before,#crosshair.headshot:after{background:#ff8484fc;box-shadow:0 0 12px #ff5c5cfc}#crosshair.kill:before,#crosshair.kill:after{background:#78dcfffc;box-shadow:0 0 14px #5fc8fffc}#damageIndicator{position:fixed;left:50%;top:50%;width:120px;height:120px;margin-left:-60px;margin-top:-60px;pointer-events:none;z-index:23;opacity:0;transition:opacity .12s linear}#damageIndicator.visible{opacity:1}#damageIndicator:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid rgba(255,100,100,.92);filter:drop-shadow(0 0 6px rgba(255,70,70,.9));transform:rotate(var(--damage-angle, 0deg));transform-origin:50% 60px}#app:not(.in-room) #hud,#app:not(.in-room) #crosshair{display:none}#app:not(.in-room) #damageOverlay{display:none}#app:not(.in-room) #damageIndicator{display:none}#app:not(.in-room) #respawnScreen{display:none}#app:not(.in-room) #winnerScreen{display:none}#app:not(.in-room) #scoreboard{display:none}#optionsScreen{position:fixed;inset:0;z-index:32;display:none;align-items:center;justify-content:center;background:#00000094;pointer-events:auto}#optionsScreen:not(.hidden){display:flex}.options-card{width:min(92vw,420px);border:1px solid rgba(120,255,120,.62);border-radius:12px;background:#001400f2;color:#b8ffbf;padding:14px 14px 12px;box-shadow:0 0 28px #4cde4c47}.options-card h2{margin:0 0 10px;font-size:1.05rem;letter-spacing:.06em}.options-card label{display:block;margin:8px 0;font-size:.82rem}.options-card input[type=range]{width:100%;margin:6px 0 3px}.checkbox-line{display:flex;align-items:center;gap:8px}.options-actions{margin-top:10px;display:grid;gap:8px}.options-actions button{width:100%}.options-hint{margin:8px 0 0;opacity:.86;font-size:.75rem}#app:not(.in-room) .chat-panel,#app:not(.in-room) .chat-feed{display:none}#app:not(.in-room) #optionsScreen{display:none}#app.in-room #lobby{display:none}#app.locked #matchInfo.visible{opacity:.2}#matchInfo button{pointer-events:auto}#perfPanel{position:fixed;top:14px;right:14px;min-width:182px;z-index:13;color:#9eff9e;background:#001400bf;border:1px solid rgba(112,255,112,.45);border-radius:8px;padding:8px 10px;text-shadow:0 0 10px rgba(80,255,80,.45)}#perfPanel p{margin:2px 0;font-size:12px}