:root{--bg: #0d120e;--bg-2: #121a13;--panel: #17211a;--panel-2: #1f2c22;--panel-3: #25362a;--border: #2b3a2e;--border-light: #3c5040;--text: #dde5d6;--text-dim: #93a48d;--text-faint: #5f6e5b;--brass: #c8a14a;--brass-2: #e6c878;--green: #7cc05f;--green-2: #9bdc7c;--red: #d05f4a;--blue: #5fa0c4;--amber: #e0b95a;--radius: 14px;--radius-sm: 10px;--shadow: 0 6px 22px rgba(0, 0, 0, .45);--hud: "Rajdhani", "Segoe UI", system-ui, sans-serif;--stencil: "Oswald", "Rajdhani", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--hud);font-size:15px;line-height:1.35;-webkit-user-select:none;user-select:none;overflow:hidden;width:100%;-webkit-font-smoothing:antialiased}#root{width:100%}.app{position:relative;width:100%;max-width:520px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow-x:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:radial-gradient(900px 480px at 50% -8%,rgba(40,64,42,.5) 0%,transparent 62%),radial-gradient(700px 700px at 50% 120%,rgba(20,40,24,.4) 0%,transparent 60%),var(--bg);overflow:hidden}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(124,192,95,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,192,95,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 80%)}.topbar{position:relative;z-index:1;padding:12px 12px 8px;background:linear-gradient(180deg,rgba(18,26,19,.9),transparent);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.brand h1{font-family:var(--stencil);font-size:18px;letter-spacing:2px;text-transform:uppercase;margin:0;color:var(--text);font-weight:600;display:flex;align-items:center;gap:7px}.brand-mark{color:var(--brass);font-size:19px}.reorg-badge{font-family:var(--hud);font-size:13px;font-weight:700;color:var(--brass-2);background:#c8a14a24;border:1px solid rgba(200,161,74,.4);border-radius:999px;padding:3px 12px}.xp-bar-wrapper{width:100%;margin-top:4px}.xp-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#5a9fd4,#8ec5fc);border-radius:3px;transition:width .3s ease}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.res{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.res:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brass);opacity:.55}.res.hidden{display:none}.res-head{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase}.res-val{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.res-rate{font-size:10px;font-weight:600;color:var(--green-2);font-variant-numeric:tabular-nums}.res-rate.zero{color:var(--text-faint)}.morale{position:relative;z-index:1;padding:9px 14px;border-bottom:1px solid var(--border)}.morale-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;letter-spacing:.4px;color:var(--text-dim);margin-bottom:5px;text-transform:uppercase}.morale-head>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morale-head>span:last-child{flex-shrink:0}.morale-head b{color:var(--text)}.bar{position:relative;height:9px;background:var(--panel);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.bar>span{display:block;height:100%;border-radius:999px;transition:width .5s ease;background:linear-gradient(90deg,var(--red),var(--amber) 55%,var(--green));box-shadow:0 0 10px #7cc05f59}.command-center{position:relative;z-index:1;display:flex;justify-content:center;padding:18px 12px 10px}.radar-wrap{position:relative;width:200px;height:200px}.order-btn{position:relative;width:200px;height:200px;border-radius:50%;border:none;padding:0;background:radial-gradient(circle at 50% 42%,#243520,#16201400 70%),conic-gradient(from 0deg,#1a2618,#233322,#1a2618,#233322,#1a2618);cursor:pointer;overflow:hidden;box-shadow:var(--shadow),inset 0 0 40px #0000008c,0 0 0 2px #c8a14a8c,0 0 26px #7cc05f1f;transition:transform .08s ease,box-shadow .2s ease;touch-action:manipulation}.order-btn.pressed{transform:scale(.955);box-shadow:inset 0 0 50px #000000b3,0 0 0 2px #e6c878e6,0 0 34px #7cc05f59}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(124,192,95,.22);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.radar-ring.r1{width:88%;height:88%}.radar-ring.r2{width:62%;height:62%}.radar-ring.r3{width:34%;height:34%;border-color:#7cc05f4d}.radar-cross{position:absolute;left:50%;top:50%;background:#7cc05f29;pointer-events:none}.radar-cross.v{width:1px;height:88%;transform:translate(-50%,-50%)}.radar-cross.h{width:88%;height:1px;transform:translate(-50%,-50%)}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,#7cc05f00,#7cc05f00 300deg,#7cc05f47 355deg,#9bdc7c73 360deg);animation:sweep 3.4s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.order-core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.order-emblem{font-size:42px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.order-label{font-family:var(--stencil);font-size:17px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--brass-2);text-shadow:0 1px 3px #000}.order-power{font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.5px}.float{position:absolute;transform:translate(-50%,-50%);color:var(--brass-2);font-weight:700;font-size:19px;pointer-events:none;animation:floatUp .95s ease-out forwards;text-shadow:0 1px 3px #000}@keyframes floatUp{0%{opacity:1}to{opacity:0;transform:translate(-50%,-120%) scale(1.25)}}.content{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:6px 12px 18px}.content::-webkit-scrollbar{width:0}.tabs{position:relative;z-index:2;display:flex;gap:4px;padding:6px 8px;background:linear-gradient(0deg,var(--bg-2),rgba(18,26,19,.6));border-top:1px solid var(--border)}.tab{position:relative;flex:1 1 0;min-width:0;background:transparent;border:none;color:var(--text-dim);padding:8px 2px 7px;border-radius:var(--radius-sm);font-family:var(--hud);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;touch-action:manipulation;transition:color .15s ease,background .15s ease}.tab>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-icon{font-size:19px}.tab.active{background:var(--panel-2);color:var(--brass-2)}.tab.active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:2px;background:var(--brass);box-shadow:0 0 8px var(--brass)}.tab .badge{position:absolute;top:2px;right:22%;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:999px;padding:0 5px;min-width:15px;text-align:center}.section-title{font-family:var(--hud);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);margin:12px 2px 7px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.card{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;margin-bottom:9px;display:flex;align-items:center;gap:11px;transition:border-color .15s ease,transform .08s ease,box-shadow .15s ease}.card.buyable{border-color:var(--border-light);box-shadow:0 0 0 1px #7cc05f14,0 4px 14px #0000004d}.card.locked{opacity:.5}.card .ico{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0}.card .body{flex:1;min-width:0}.card .name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.card .name .lvl{font-size:11px;font-weight:700;color:var(--brass-2);background:#c8a14a24;border:1px solid rgba(200,161,74,.3);border-radius:6px;padding:0 7px}.card .desc{font-size:12px;color:var(--text-dim);margin-top:2px}.card .meta{font-size:11.5px;color:var(--green-2);margin-top:4px;font-variant-numeric:tabular-nums}.cost{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:6px}.cost .c{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-dim)}.cost .c.lack{color:var(--red)}.buy-btn{flex-shrink:0;background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1d06;border:none;border-radius:var(--radius-sm);padding:11px 15px;font-family:var(--hud);font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;min-width:70px;touch-action:manipulation;transition:transform .08s ease,filter .15s ease}.buy-btn:disabled{background:var(--panel-3);color:var(--text-faint);cursor:not-allowed}.buy-btn:active:not(:disabled){transform:scale(.94)}.op-progress{height:7px;background:var(--panel-3);border-radius:999px;overflow:hidden;margin-top:7px;border:1px solid var(--border)}.op-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .2s linear}.chip{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid var(--border-light);color:var(--text-dim);background:var(--panel)}.prestige-hero{text-align:center;padding:20px 14px;background:radial-gradient(400px 200px at 50% 0%,rgba(200,161,74,.12),transparent 70%),linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-light);border-radius:var(--radius);margin:4px 0 10px}.prestige-hero .big{font-family:var(--stencil);font-size:34px;color:var(--brass-2);font-weight:600;letter-spacing:1px}.prestige-hero .sub{font-size:13px;color:var(--text-dim);margin-top:4px}.reorg-btn{width:100%;margin-top:14px;background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1d06;border:none;border-radius:var(--radius);padding:15px;font-family:var(--hud);font-weight:700;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.reorg-btn:disabled{background:var(--panel-3);color:var(--text-faint);cursor:not-allowed}.reorg-btn:active:not(:disabled){transform:scale(.98)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px}.stat .k{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim)}.stat .v{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-light);border-radius:18px;padding:20px;width:100%;max-width:360px;box-shadow:var(--shadow)}.modal h2{font-family:var(--stencil);margin:0 0 4px;font-size:20px;letter-spacing:1px;text-transform:uppercase;color:var(--brass-2)}.modal .muted{color:var(--text-dim);font-size:13px;margin-bottom:14px}.modal .rewards{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.modal .reward-row{display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums;font-size:14px;padding:7px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.modal .reward-row b{color:var(--green-2)}.modal-btn{width:100%;background:linear-gradient(180deg,var(--brass-2),var(--brass));color:#2a1d06;border:none;border-radius:var(--radius-sm);padding:13px;font-family:var(--hud);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(78px + var(--safe-bottom));display:flex;flex-direction:column;gap:6px;z-index:40;width:max-content;max-width:92%;pointer-events:none}.toast{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;font-weight:600;box-shadow:var(--shadow);animation:toastIn .22s ease}.toast.ok{border-left:3px solid var(--green)}.toast.fail{border-left:3px solid var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.danger-link{background:none;border:none;color:var(--text-faint);font-size:11px;text-decoration:underline;cursor:pointer;padding:8px}.empty{text-align:center;color:var(--text-faint);font-size:13px;padding:24px 12px}.upgrade-grid{display:flex;flex-direction:column;gap:8px}.upgrade-card{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.upgrade-icon{font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0}.upgrade-body{flex:1;min-width:0}.upgrade-name{font-weight:700;font-size:14px}.upgrade-blurb{font-size:12px;color:var(--text-dim);margin-top:1px}.upgrade-rarity{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:3px;display:inline-block}.profile-header{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-light);border-radius:var(--radius);margin:4px 0 10px}.profile-avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--brass);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--panel-3)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{font-size:28px}.profile-name-col{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-greeting{font-family:var(--stencil);font-size:18px;font-weight:600;letter-spacing:1px;color:var(--text)}.profile-level-badge{font-size:13px;font-weight:700;color:var(--brass-2);background:#c8a14a24;border:1px solid rgba(200,161,74,.3);border-radius:6px;padding:2px 8px;width:fit-content}.profile-username{font-size:12px;color:var(--text-dim)}@media (prefers-reduced-motion: reduce){.radar-sweep{animation:none}}