:root{--bg:#0d1117;--panel:#1e2430;--panel-raised:#252c3d;--line:#3a4257;--text:#e8e6df;--text-dim:#5a6b7d;--gold:#fdaa4a;--gold-dim:#c48125;--alert:#f87171;--success:#34d399;--info:#63b3ed;--radius:6px;--max-width:520px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-smooth:always;margin:0}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-family:Vazirmatn,sans-serif;font-size:15px}.mono{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:Vazirmatn,monospace}button{cursor:pointer;font-family:inherit}.app-shell{min-height:100vh;max-width:var(--max-width);background:var(--bg);flex-direction:column;margin:0 auto;display:flex}.app-content{flex:1;padding:20px 20px 100px;overflow-y:auto}.hud-panel{background:linear-gradient(135deg, var(--panel), var(--panel-raised));border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative;box-shadow:0 4px 20px #0006}.hud-panel:before,.hud-panel:after{content:"";border:2px solid var(--gold);opacity:.8;width:12px;height:12px;position:absolute}.hud-panel:before{border-bottom:none;border-left:none;top:-1px;right:-1px}.hud-panel:after{border-top:none;border-right:none;bottom:-1px;left:-1px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel+.panel{margin-top:12px}.tab-bar{width:100%;max-width:var(--max-width);background:linear-gradient(135deg, var(--panel-raised), var(--panel));border-top:1px solid var(--line);padding:10px 6px calc(10px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000004d}.tab-btn{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:12px;transition:color .2s,background .2s,transform .1s;display:flex;overflow:hidden}.tab-btn .icon{margin-bottom:2px;font-size:20px}.tab-btn:hover{color:var(--gold);transform:translateY(-2px)}.tab-btn.active{color:var(--gold);border-radius:var(--radius) var(--radius) 0 0;background:#fdaa4a26}.tab-btn.active .icon{color:var(--gold)}.section-title{color:var(--text-dim);letter-spacing:.2px;border-bottom:1px solid var(--line);margin:24px 0 10px;padding-bottom:6px;font-size:14px}.section-title:first-child{border-bottom:none;margin-top:0}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.row:last-child{border-bottom:none}.row-label{color:var(--text-dim);font-size:13px}.row-value{font-size:15px;font-weight:600}.stat-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px;display:grid}.stat-box{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:transform .2s,box-shadow .2s}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-box .label{color:var(--text-dim);margin-bottom:6px;font-size:11px;display:block}.stat-box .value{color:var(--gold);font-size:18px;font-weight:700}.btn{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#14110a;border-radius:var(--radius);border:none;min-width:120px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.btn:not(:disabled):hover{background:linear-gradient(135deg,#fdaa4a,#c48125);transform:translateY(-1px);box-shadow:0 4px 12px #fdaa4a4d}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{border:1px solid var(--gold-dim);color:var(--gold);background:0 0;padding:10px 16px;font-size:13px;transition:all .2s}.btn.secondary:hover{border-color:var(--gold);color:#fdaa4a}.btn.danger{background:linear-gradient(135deg, var(--alert), #c53030);color:#fff;padding:10px 16px;font-size:13px}.btn.danger:hover{background:linear-gradient(135deg,#f87171,#a82c2c);box-shadow:0 4px 12px #f871714d}.btn.block{width:100%}.btn-row{gap:10px;margin-top:12px;display:flex}.btn-row .btn{flex:1}.chip{border:1px solid var(--line);color:var(--text-dim);background:var(--panel);border-radius:999px;padding:3px 10px;font-size:11px;transition:all .2s;display:inline-block}.chip.locked{color:var(--alert);border-color:var(--alert);background:#f871711a}.chip.success{color:var(--success);border-color:var(--success);background:#34d3991a}.empty-state{text-align:center;color:var(--text-dim);padding:50px 20px;font-size:14px}.toast{background:linear-gradient(135deg, var(--panel-raised), var(--panel));border:1px solid var(--gold-dim);border-radius:var(--radius);text-align:center;z-index:100;max-width:90%;padding:14px 20px;font-size:14px;animation:.3s ease-out slideIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.toast-info{border-left:4px solid var(--info)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--alert)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.role-badge{border-radius:999px;margin-right:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-badge.super{background:var(--alert);color:#fff}.role-badge.admin{background:var(--gold);color:#14110a}.loading-bar{background:linear-gradient(90deg, transparent, var(--gold), transparent);background-size:200% 100%;height:2px;animation:1s linear infinite sweep}@keyframes sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.tab-btn{padding:6px 3px;font-size:11px}.tab-btn .icon{font-size:18px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s ease-in-out infinite pulse}.sector-chip{text-transform:uppercase;border-radius:20px;margin:2px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.sector-chip.ground{color:#228b22;background:#228b2233}.sector-chip.air{color:#ff4500;background:#ff450033}.sector-chip.navy{color:#00bfff;background:#00bfff33}.sector-chip.defense{color:#8b4513;background:#8b451333}.sector-chip.ballistic{color:gold;background:#ffd7004d}.sector-chip.cruise{color:purple;background:#80008033}.sector-chip.nuclear{color:#fff;background:#ffffff26;border-radius:3px;padding:2px 6px}