@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');:root{font-family:Arial,sans-serif;background:#0b1317;color:#e9eee9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#233b3b55,transparent 45%),#0b1317}.app{display:flex;min-height:100vh}.rail{width:69px;background:#0a1115;border-right:1px solid #26373b;display:flex;align-items:center;gap:22px;flex-direction:column;padding:18px 6px;flex-shrink:0}.logo{font-family:'Barlow Condensed',sans-serif;font-size:39px;font-weight:800;letter-spacing:-6px;color:#fff}.logo span{color:#e9b04f;font-size:19px;vertical-align:top;letter-spacing:0}.railitem{display:grid;place-items:center;width:44px;height:44px;color:#677c81;font-size:23px;border:1px solid transparent}.railitem.active{color:#f1bf61;background:#2c301e;border-color:#665537}.railbottom{margin-top:auto;font-family:'Barlow Condensed';font-weight:800;font-size:19px;color:#e9b04f}.railbottom span{font-size:9px}.main{padding:28px 32px 14px;width:calc(100% - 69px);max-width:1920px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3d41;padding-bottom:22px;gap:20px}.eyebrow,.stat>span,.kv,.coordinates,.map-footer,.mapHint,footer,.server-badge,.note{font-family:'IBM Plex Mono',monospace}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#d2a457}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;margin:6px 0}h1{font-size:47px;line-height:1}h1 b{color:#eeb855}h2{font-size:25px}h3{font-size:25px}.version{font-family:monospace;vertical-align:middle;margin-left:12px;color:#9c9f96;border:1px solid #53605a;font-size:10px;padding:5px}.server-badge{display:flex;gap:9px;align-items:center;border:1px solid #3c4b4c;padding:11px 15px;font-size:11px;color:#cbd7d2}.server-badge small{color:#718386}.dot{width:9px;height:9px;background:#e6ac48;border-radius:100%;box-shadow:0 0 10px #e6ac4866}.dot.online{background:#7bc893;box-shadow:0 0 10px #7bc89388}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.stat{background:#152026;border:1px solid #324044;border-top:2px solid #bd9857;min-height:112px;padding:18px 18px 12px}.stat>span{font-size:10px;color:#92a4a5;letter-spacing:1.8px}.stat strong{display:block;font-family:'Barlow Condensed';font-size:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.stat strong em{font-style:normal;color:#edb34e}.stat small{font-size:12px;color:#7c8f92}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.map-panel,.side-card{background:#152026;border:1px solid #34454a}.panel-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.live-chip{font:10px 'IBM Plex Mono';padding:5px 7px;color:#e3ad51;border:1px solid #856539;vertical-align:middle;margin-left:10px}.map-controls{display:flex;gap:5px}button{cursor:pointer;background:#25343a;border:1px solid #506268;color:#f8d28c;width:36px;height:34px;font-size:20px}button:hover{background:#425257}.map{height:min(56vw,570px);min-height:390px;position:relative;overflow:hidden;background:#1a2b2a;cursor:grab;touch-action:none}.map:active{cursor:grabbing}.map canvas{width:100%;height:100%;display:block}.map-overlay{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:8px;background:#0b1517dd;border:1px solid #4b554b;padding:9px 12px;font:10px 'IBM Plex Mono';letter-spacing:1px;color:#f4d194;pointer-events:none}.ring{width:8px;height:8px;border:1px solid #edb34e;border-radius:50%}.coordinates,.mapHint{position:absolute;bottom:14px;background:#0b1517e8;padding:8px 10px;color:#b5c6bb;font-size:10px;pointer-events:none}.coordinates{left:13px}.mapHint{right:13px}.map-footer{display:flex;justify-content:space-between;padding:13px 20px;color:#8a9da0;font-size:10px;gap:10px;flex-wrap:wrap}.sidebar{display:flex;flex-direction:column;gap:14px}.side-card{padding:19px}.side-card h3{border-bottom:1px solid #35444a;padding-bottom:13px}.side-card h3 span{color:#efb853}.player{padding:12px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid #293d40}.avatar{background:#394442;color:#f5ba50;font-weight:700;width:31px;height:31px;display:grid;place-items:center}.player-name{font-size:13px}.player-sub{color:#8da19b;font:10px 'IBM Plex Mono';margin-top:5px}.muted,.side-card p{color:#9aa9aa;font-size:12px;line-height:1.7}.kv{display:flex;justify-content:space-between;border-bottom:1px solid #2e3e41;padding:10px 0;gap:12px;font-size:11px}.kv strong{color:#e1b262;text-align:right}.note{font-size:10px!important;color:#9aaba5!important}.accent{border-left:3px solid #f0ad43;background:linear-gradient(145deg,#24302d,#172127)}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px;color:#7a8888;font-size:9px;letter-spacing:1px}footer span{color:#d6a65e}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.main{padding:18px 12px;width:calc(100% - 49px)}.rail{width:49px}.stats{gap:8px}.stat{padding:12px;min-height:94px}.stat strong{font-size:22px}h1{font-size:31px}.server-badge small{display:none}.sidebar{grid-template-columns:1fr}.map{min-height:350px}.mapHint{display:none}}
.frame-bars{display:flex;align-items:end;gap:3px;min-height:62px;overflow:hidden;margin-top:10px;padding:5px 0;border-bottom:1px solid #62716b}.frame-bars>span{flex:1;min-width:2px;background:linear-gradient(#f2be64,#8a5a30);border-radius:2px 2px 0 0;opacity:.9}.frame-bars>span:hover{opacity:1}