: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:auto;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}#versusLobby{position:fixed;top:50%;left:50%;width:min(98vw,1180px);max-height:94vh;transform:translate(-50%,-50%);z-index:24;overflow:auto}.versus-card{border:1px solid rgba(112,255,112,.52);background:#001200e6;border-radius:12px;padding:14px;box-shadow:0 0 35px #39d63938;color:#c8ffd2;max-height:94vh;overflow:hidden}.versus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,32%);gap:14px;max-height:calc(94vh - 28px)}.versus-main{min-width:0;min-height:0;overflow-y:auto;padding-right:2px;padding-bottom:14px}.versus-chat-side{border:1px solid rgba(112,255,112,.35);border-radius:10px;padding:10px;background:#001400a8;display:flex;flex-direction:column;min-height:0;max-height:100%}.versus-chat-side h3{margin:0 0 8px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#ccffd6}.versus-card h2{margin:0 0 10px;font-size:1rem;color:#d5ffdc}.versus-card p{margin:7px 0;font-size:.86rem;color:#bcffc8}.versus-card label{display:block;margin:10px 0;font-size:.85rem;color:#d2ffda}.versus-card select{width:100%;margin-top:6px;padding:8px;border-radius:8px;border:1px solid rgba(122,255,122,.5);background:#022002e6;color:#c1ffc5}.versus-teams{margin:14px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.versus-team{border:1px solid rgba(122,255,122,.35);border-radius:10px;padding:10px;background:#0220028c}.versus-team h3{margin:0 0 8px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.versus-team.team-red{border-color:#ff6b6b85;background:#340c0c75}.versus-team.team-blue{border-color:#6a98ff85;background:#0b183675}.versus-team.team-red h3{color:#ffb8b8}.versus-team.team-blue h3{color:#bcd7ff}.versus-players{--team-count: 1;--slot-gap: 10px;--stack-height: 42vh;display:grid;gap:var(--slot-gap);max-height:none;overflow:hidden;padding-right:0}.versus-player{border:1px solid rgba(122,255,122,.28);border-radius:8px;padding:8px 10px;display:grid;gap:4px;background:#0016009e}.versus-player-model{width:100%;height:clamp(68px,calc((var(--stack-height) - ((var(--team-count) - 1) * var(--slot-gap))) / var(--team-count)),150px);border:1px solid rgba(122,255,122,.32);border-radius:6px;background:radial-gradient(circle at 48% 36%,#3c843c61,#081408d9 70%),#001200e0;overflow:hidden}.versus-player-model canvas{width:100%;height:100%;display:block}.versus-player-model.placeholder:before{content:"?";width:100%;height:100%;display:grid;place-items:center;color:#c6ffc673;font-weight:700}.versus-player strong{font-size:.84rem;color:#deffe3}.versus-player span{font-size:.76rem;color:#b7ffc3;opacity:.92}.versus-ready{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.versus-ready.on{color:#9affac}.versus-ready.off{color:#ffd18f}.versus-team-switch-btn{width:100%;margin-top:4px;padding:6px 8px;border-radius:8px;border:1px solid rgba(132,182,255,.5);background:#0e1a36b8;color:#c8deff;font-size:.74rem;cursor:pointer}.versus-team-switch-btn:hover{border-color:#97c8ffd1;color:#e6f1ff}.versus-bottom-bar{position:sticky;bottom:0;z-index:5;margin-top:8px;padding-top:8px;background:linear-gradient(180deg,#00120000,#001200e6 32%)}.versus-chat-box{border:1px solid rgba(122,255,122,.35);border-radius:10px;padding:8px;background:#011401e6;box-shadow:0 -10px 20px #00000047}.versus-actions{margin-bottom:6px}.versus-chat-log{flex:1;min-height:180px;max-height:300px;overflow-y:auto;overflow-x:hidden;font-size:.78rem;line-height:1.35;color:#beffca;padding-right:4px}.versus-chat-log p{margin:0 0 4px}.versus-chat-log p:last-child{margin-bottom:0}.versus-chat-input{margin-top:6px;display:grid;grid-template-columns:1fr auto;gap:6px}.versus-chat-input input{width:100%;min-width:0;padding:7px 8px;border-radius:8px;border:1px solid rgba(122,255,122,.45);background:#021a02e0;color:#c7ffd2}.versus-chat-input button{padding:7px 10px;border-radius:8px;border:1px solid rgba(122,255,122,.52);background:#092c09db;color:#d7ffdf;cursor:pointer}.versus-player.empty strong,.versus-player.empty span{opacity:.66}@media(max-width:680px){.versus-layout{grid-template-columns:1fr}.versus-chat-side{min-height:170px;max-height:220px}.versus-teams{grid-template-columns:1fr}.versus-players{--stack-height: 30vh}}#versusHint{opacity:.82}#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:auto;padding-right:2px}#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)}}@media(max-width:900px),(max-height:760px){#lobby{top:env(safe-area-inset-top,8px);left:50%;transform:translate(-50%);width:min(98vw,760px);max-height:calc(100vh - env(safe-area-inset-top,8px) - env(safe-area-inset-bottom,8px) - 10px);padding:12px;border-radius:10px}#lobby .lobby-main{max-height:none;overflow:visible}.character-preview{min-height:130px;max-height:24vh}.lobby-actions{flex-wrap:wrap}.lobby-actions button{flex:1 1 160px}.room-list{max-height:28vh}}@media(max-width:520px){#lobby h1{font-size:1rem}#lobby h2{font-size:.9rem}#lobby label{font-size:.82rem}#lobby input,#lobby select{padding:7px;font-size:.9rem}.room-card{flex-direction:column;align-items:stretch;gap:8px}}@media(max-width:980px),(max-height:760px){#versusLobby{top:env(safe-area-inset-top,8px);left:50%;transform:translate(-50%);width:min(99vw,980px);max-height:calc(100vh - env(safe-area-inset-top,8px) - env(safe-area-inset-bottom,8px) - 8px)}.versus-card{max-height:none;overflow:visible;padding:10px}.versus-layout{max-height:none;grid-template-columns:1fr;gap:10px}.versus-main{max-height:none;overflow:visible;padding-right:0}.versus-chat-side{max-height:30vh;min-height:130px}.versus-chat-log{min-height:90px;max-height:20vh}.versus-teams{gap:10px}.versus-actions{flex-wrap:wrap}.versus-actions button{flex:1 1 140px}.versus-chat-input{grid-template-columns:1fr}.versus-chat-input button{width:100%}}.character-preview canvas{width:100%;height:100%;display:block}.lobby-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.lobby-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button,.lobby-link-btn{border:1px solid rgba(122,255,122,.55);border-radius:8px;background:#002800d9;color:#afffb5;padding:8px 10px;cursor:pointer}button:hover,.lobby-link-btn: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}.team-score-hud{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(172,228,255,.36);background:#080c16bd;pointer-events:none;text-shadow:0 0 10px rgba(255,255,255,.24)}.team-score{font-size:13px;font-weight:700;letter-spacing:.06em}.team-score.red{color:#ff8f8f}.team-score.blue{color:#8fb3ff}.team-score-target{font-size:12px;font-weight:700;color:#dcf1ff;opacity:.9}#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}.ability-hud{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:14;min-width:180px;border:1px solid rgba(122,255,166,.48);border-radius:10px;background:#001207d6;box-shadow:0 0 16px #44ff8033;padding:8px 10px;text-align:center}.ability-title{margin:0;color:#a9ffcb;font-size:11px;letter-spacing:.08em}.ability-value{margin:4px 0 6px;color:#e4fff0;font-weight:700;font-size:14px}.ability-track{width:100%;height:7px;border:1px solid rgba(120,255,160,.45);background:#083214b8;border-radius:999px;overflow:hidden}.ability-fill{height:100%;width:0;background:linear-gradient(90deg,#65ff89,#b6ffd0);transition:width .12s linear}#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}#teamAimIndicator{position:fixed;left:50%;top:calc(50% + 28px);transform:translate(-50%);z-index:21;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.06em;background:#0000007a;border:1px solid rgba(255,255,255,.25);text-shadow:0 0 8px rgba(0,0,0,.8);pointer-events:none}#teamAimIndicator.friendly{color:#9ec1ff;border-color:#7daaffa6}#teamAimIndicator.enemy{color:#ff9f9f;border-color:#ff7b7ba6}#teamMiniMap{position:fixed;right:16px;bottom:16px;width:180px;height:180px;z-index:14;border-radius:10px;border:1px solid rgba(142,211,255,.45);background:#030a10cc;box-shadow:0 0 16px #60b4ff40;pointer-events:none}.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}.scoreboard-team-row td{font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom-color:#ffffff26}.scoreboard-team-row.team-red td{background:#500e0e80;color:#ffb4b4}.scoreboard-team-row.team-blue td{background:#0e1c5080;color:#bad2ff}.scoreboard-team-row.team-unknown td{background:#23232380;color:#e5e5e5}.scoreboard-empty-row td{opacity:.75;font-style:italic}.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(.versus-mode) #teamScoreHud{display:none!important}#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);max-height:min(86vh,760px);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;overflow-y:auto;overflow-x:hidden}.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}@media(max-width:720px),(max-height:720px){#optionsScreen{align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.options-card{width:min(96vw,520px);max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);border-radius:10px;padding:10px 10px 9px}.options-card h2{font-size:.95rem;margin-bottom:8px}.options-card label{margin:6px 0;font-size:.78rem}.options-card input[type=range]{margin:4px 0 2px}.options-actions{margin-top:8px;gap:6px}.options-actions button{min-height:38px}.options-hint{margin-top:6px;font-size:.7rem}}.mobile-controls{position:fixed;inset:0;z-index:34;pointer-events:none;touch-action:none}.mobile-look-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none}.mobile-left,.mobile-right{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));pointer-events:auto}.mobile-menu-btn{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:56px;height:56px;border-radius:10px;border:1px solid rgba(123,255,123,.45);background:#001700d1;color:#d5ffd5;font-size:.74rem;letter-spacing:.02em;pointer-events:auto;touch-action:none}.mobile-left{left:max(14px,env(safe-area-inset-left))}.mobile-right{right:max(14px,env(safe-area-inset-right));width:190px;height:190px}.mobile-joystick{position:relative;width:132px;height:132px;touch-action:none}.mobile-joystick-base{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(136,255,136,.45);background:#00140085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-joystick-thumb{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(160,255,160,.58);background:#116e11c2;box-shadow:0 0 14px #53ff5340}.mobile-btn{pointer-events:auto;position:absolute;width:72px;height:72px;touch-action:none;border-radius:999px;border:1px solid rgba(123,255,123,.45);background:#001700d1;color:#d5ffd5;font-size:.78rem;letter-spacing:.02em}.mobile-btn.fire{width:88px;height:88px;left:50%;top:50%;transform:translate(-50%,-50%);border-color:#ff999980;background:#3e0c0cd6;color:#ffd7d7}.mobile-btn.jump{left:12px;bottom:24px}.mobile-btn.special{right:12px;top:24px}.mobile-fullscreen-prompt{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000800b8;padding:16px}.mobile-fullscreen-prompt.hidden{display:none}.mobile-fullscreen-card{width:min(92vw,360px);border:1px solid rgba(112,255,112,.45);border-radius:14px;background:#001400eb;box-shadow:0 10px 24px #00000061;padding:14px}.mobile-fullscreen-card h3{margin:0 0 8px;font-size:1rem}.mobile-fullscreen-card p{margin:0;opacity:.9;font-size:.86rem}.mobile-fullscreen-actions{margin-top:12px;display:grid;gap:8px}.mobile-fullscreen-actions button{border-radius:10px;border:1px solid rgba(112,255,112,.5);background:#0c380cdb;color:#deffde;height:38px}.mobile-fullscreen-actions button.secondary{border-color:#8cb48c57;background:#0a190ad1}@media(hover:hover)and (pointer:fine){.mobile-controls{display:none!important}}#app:not(.in-room) .chat-panel,#app:not(.in-room) .chat-feed{display:none}#app:not(.mobile-input) .mobile-controls{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}