.player-hud{display:flex;align-items:center;gap:7px;width:clamp(175px,23vw,235px);padding:4px 0;background:transparent;pointer-events:none}.player-cover{position:relative;width:48px;height:48px;flex:0 0 48px;border:1px solid #7ce7ff88;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:17px;font-weight:900;background:radial-gradient(circle at 35% 30%,#294a5b,#09131c 68%);box-shadow:0 0 14px #5fe7ff20}.player-cover:after{content:"";position:absolute;inset:-3px;border:1px solid #5fe7ff25;border-radius:50%}.player-bars{width:clamp(120px,17vw,175px);display:flex;flex-direction:column;gap:4px}.compact-stat{position:relative;height:10px;display:grid;grid-template-columns:42px 1fr 23px;gap:4px;align-items:center;font-size:7px;font-weight:900;letter-spacing:.1em;color:#b7cbd6}.compact-stat:nth-child(2){width:86%}.compact-stat:nth-child(3){width:72%}.compact-stat b{text-align:right;font-size:7px;color:#cfe1e8}.compact-track{height:6px;overflow:hidden;background:#14232d;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.compact-track i{display:block;height:100%;width:100%;transition:width .2s}.compact-stat.shield .compact-track i{background:var(--shield);box-shadow:0 0 8px #39cfff88}.compact-stat.hp .compact-track i{background:var(--hp);box-shadow:0 0 8px #ff4b4b88}.compact-stat.energy .compact-track i{background:var(--energy);box-shadow:0 0 8px #ffc34f88}.world-info,.mission-panel{display:none!important}.radar-hud{position:relative;width:clamp(125px,16vw,165px);display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.radar-label{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.13em;color:#9cb5c2;margin:0 2px 4px}.radar-label b{color:var(--cyan);font-size:6px}.radar{position:relative;align-self:flex-end;width:clamp(92px,11vw,118px);height:clamp(92px,11vw,118px);border:1px solid #7ce7ff70;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#102b31 0,#0b2027 44%,#071119 100%);box-shadow:0 0 18px #5fe7ff16,inset 0 0 18px #5fe7ff0d}.radar-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#7ce7ff20 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#7ce7ff20 50%,transparent 51%),repeating-radial-gradient(circle at center,transparent 0 15px,#7ce7ff12 16px 17px)}.radar-range{position:absolute;border:1px solid #7ce7ff20;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.range-inner{width:50%;height:50%}.range-outer{width:78%;height:78%}.radar-sweep{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,#5fe7ff99,transparent);animation:radar-sweep 3s linear infinite}@keyframes radar-sweep{to{transform:rotate(360deg)}}.radar-player,.radar-target,.radar-enemy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.radar-player{width:6px;height:6px;border:1px solid #bfffff;border-radius:50%;background:var(--cyan);box-shadow:0 0 5px var(--cyan),0 0 12px var(--cyan),0 0 20px #5fe7ff99}.radar-target{width:12px;height:14px;border:1px solid var(--gold);background:#ffc86b22;box-shadow:0 0 8px var(--gold);clip-path:polygon(50% 0,92% 18%,86% 62%,68% 82%,50% 100%,32% 82%,14% 62%,8% 18%)}.radar-enemies{position:absolute;inset:0}.radar-enemy{width:5px;height:5px;background:var(--hp);border-radius:50%;box-shadow:0 0 7px #ff4b4b}.radar-enemy.is-outside{opacity:.2}.radar-caption{display:flex;justify-content:space-between;margin-top:4px;padding:0 1px;font-size:6px;letter-spacing:.1em;color:#718995}.radar-caption b{color:#d8e8ee}
@media(max-height:450px) and (orientation:landscape){.hud-top{padding:6px 8px 0}.player-hud{width:185px}.player-cover{width:42px;height:42px;flex-basis:42px;font-size:15px}.player-bars{gap:3px}.compact-stat{height:9px;grid-template-columns:39px 1fr 20px}.compact-track{height:5px}.radar-hud{width:135px}.radar{width:92px;height:92px}}
@media(max-width:560px) and (orientation:landscape){.player-hud{width:170px}.player-cover{width:38px;height:38px;flex-basis:38px}.player-bars{width:120px}.radar-hud{width:112px}.radar{width:160px;height:160px}.radar-caption{font-size:5px}}