:root{font-family:Consolas,'Courier New',monospace;color:#dcf4f7;background:#02050b;font-size:12px}*{box-sizing:border-box}body{margin:0;overflow:hidden}#space{position:fixed;inset:0;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#02081199,transparent 22%,transparent 65%,#020811aa)}header{display:flex;justify-content:space-between;align-items:center;padding:26px 34px;border-top:3px solid #60f5de}.brand{letter-spacing:3px;font-weight:bold}.brand i{display:inline-block;width:9px;height:9px;background:#6ffce0;box-shadow:0 0 16px #6ffce0;margin-right:12px}.brand small{display:block;margin:9px 0 0 24px;font-size:9px;color:#7b99a7;letter-spacing:2px}.status{color:#74d9bb;font-size:10px;display:flex;align-items:center;gap:14px}button{pointer-events:auto;cursor:pointer;font:inherit;color:#aee6ec;border:1px solid #46707b;background:#0b1c27cc;padding:9px 14px}button:hover{background:#1b4f60}.mission{position:absolute;left:34px;top:130px}.eyebrow{font-size:10px;letter-spacing:2px;color:#67c4c6}h1{font-family:Arial,sans-serif;font-size:26px;font-weight:400;margin:14px 0 10px}.mission p{color:#8098a8;font-size:11px}.kills{display:flex;align-items:center;gap:16px;margin-top:26px}.kills strong{font-size:56px;font-weight:400;letter-spacing:-4px}.kills span{font-size:9px;line-height:1.8;color:#87a4ad;letter-spacing:1px}.reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;color:#92eed9;display:grid;place-items:center;opacity:.8}.reticle div{position:absolute;inset:8px;border:1px solid #83cfc65c;border-radius:50%}.reticle:before,.reticle:after{content:'';position:absolute;inset:0;border:1px solid #87e2d0;clip-path:polygon(0 0,20% 0,20% 3%,3% 3%,3% 20%,0 20%,0 0,100% 0,100% 20%,97% 20%,97% 3%,80% 3%,80% 0,100% 0,100% 100%,80% 100%,80% 97%,97% 97%,97% 80%,100% 80%,100% 100%,0 100%,0 80%,3% 80%,3% 97%,20% 97%,20% 100%,0 100%)}#target{position:absolute;right:34px;top:140px;text-align:right;font-size:10px;letter-spacing:2px;color:#91aaa9}#target b{display:block;margin-top:12px;color:#f9c67a;font-size:16px}#notice{position:absolute;bottom:225px;left:50%;transform:translateX(-50%);color:#c8e0e3;text-align:center;font-size:11px;width:70%;text-shadow:0 2px 6px #000}.bottom{position:absolute;left:34px;right:34px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.panel{background:linear-gradient(135deg,#0b1d2bd9,#06101bc9);border:1px solid #42717e66;border-top:2px solid #6fc9c2;padding:17px 20px;backdrop-filter:blur(10px)}.telemetry{width:255px}.speed{display:flex;align-items:baseline;gap:8px;margin:8px 0 16px}.speed strong{font-size:37px;font-weight:400}.speed span{color:#73959d}.speed small{font-size:8px;color:#5cd7c9;margin-left:auto;max-width:85px}label{display:block;font-size:9px;color:#92aeb8;letter-spacing:1px;margin-top:12px}label b{float:right;color:#dcebed}.bar{height:3px;background:#22313e;margin-top:8px}.bar i{display:block;height:100%;background:#65e6c3;width:100%;transition:width .1s}.heat i{background:#ffb468;width:0}.controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:660px;padding-bottom:9px;font-size:10px;color:#c1d9df}.controls small{display:block;font-size:9px;color:#668391;margin-top:7px}.radar-panel{width:220px;padding:13px 17px 5px}.radar-head{display:flex;justify-content:space-between;gap:12px}.radar-head b{font-size:9px;color:#f7bf7a}#radar{width:180px;height:140px}#overlay{position:fixed;inset:0;background:#020711b8;display:grid;place-items:center;backdrop-filter:blur(8px)}#overlay[hidden]{display:none}.dialog{max-width:530px;padding:45px;border:1px solid #58989a66;background:#071422ed;text-align:center}.dialog h2{font:36px Arial;margin:20px 0}.dialog p{line-height:1.8;color:#8caab9}.dialog button{background:#8ae7ce;color:#092028;border:0;font-weight:bold;padding:15px 38px;margin:18px}.dialog .hint{font-size:10px;color:#627e8f}@media(max-width:850px){header{padding:18px}.status span,.brand small,.controls{display:none}.mission{left:18px;top:90px}.mission h1{font-size:20px}.mission p{display:none}.kills strong{font-size:36px}.bottom{left:15px;right:15px;bottom:15px;gap:8px}.telemetry{width:210px}.radar-panel{width:200px}#target{right:18px;top:100px}#notice{bottom:230px}}


/* Чат: отдельная панель ввода, события мыши не передаются в полёт. */
.chat-panel{position:fixed;z-index:15;left:330px;bottom:20px;width:min(410px,calc(100vw - 680px));min-width:280px;pointer-events:auto;background:#07141ff2;border:1px solid #477781;box-shadow:0 4px 22px #0008}.chat-toggle{width:100%;text-align:left;padding:8px 12px;color:#8de8d5}.chat-body{padding:8px}.chat-tabs{display:flex;gap:5px}.chat-tabs button{flex:1;padding:6px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs [aria-selected=true]{border-color:#83e6d4;background:#21524e}.chat-log{height:155px;overflow:auto;overflow-anchor:none;padding:8px 2px;line-height:1.5;word-break:break-word;user-select:text}.chat-row{margin-bottom:5px}.chat-row time{color:#7194a4;font-size:10px;margin-right:7px}.chat-player strong{color:#9de5df}.chat-event{color:#f0c77d;border-left:2px solid #957b43;padding-left:5px}.chat-event strong{font-weight:normal}.chat-gap{color:#d5ba86;font-size:10px}.chat-form{display:flex;gap:5px;margin-top:6px}.chat-form input{width:0;flex:1;min-width:0;color:#e0f7f1;background:#020b13;border:1px solid #497481;padding:8px;font:inherit}.chat-form button{padding:6px 9px}.chat-status{min-height:16px;margin-top:5px;color:#9eb5c3;font-size:10px}.chat-panel[hidden],.chat-body[hidden]{display:none!important}@media(max-width:1050px){.chat-panel{left:18px;bottom:285px;width:310px;min-width:0}.chat-log{height:120px}}@media(max-height:650px){.chat-panel{bottom:12px;left:310px}.chat-log{height:100px}}@media(max-width:650px){.chat-panel{left:8px;right:8px;width:auto;bottom:8px}.chat-log{height:130px}}
#economyHud{position:absolute;left:50%;transform:translateX(-50%);top:85px;padding:10px 14px;font-size:12px;line-height:1.8;pointer-events:none;max-width:260px}#economyHud b{color:#9bffe0;margin-left:8px}#lootHint{display:block;color:#9bffe0}
@media(max-width:850px){#economyHud{top:75px;font-size:10px;padding:6px 10px}}