:root{font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{color:#f1f6ec;background:#0c0d0f}.page{padding:24px}.page-title{margin:0 0 16px;font-size:18px;font-weight:600}:root{--hud-accent:#f0a020;--hud-accent-soft:#f5b942;--hud-accent-deep:#d18f1d;--hud-accent-dim:#f0a02024;--hud-accent-faint:#f0a02014;--hud-accent-border:#f0a02047;--hud-accent-border-strong:#f0a02073;--hud-accent-glow:#f0a0208c;--hud-bg-0:#0c0d0f;--hud-bg-1:#131109;--hud-bg-2:#0e0d09e6;--hud-bg-panel:#0a09068c;--hud-bg-panel-solid:#12110c;--hud-text:#f1f6ec;--hud-text-dim:#9aa4b2;--hud-text-faint:#eaf3e073;--hud-ok:#18a058;--hud-offline:#f87171;--hud-pending:#fbbf24;--hud-info:#60a5fa;--hud-gold:#f6d58b}.hud-page{box-sizing:border-box;width:100%;min-height:100%;color:var(--hud-text);background:radial-gradient(circle at 12% 8%, var(--hud-accent-faint), transparent 30%), radial-gradient(circle at 88% 92%, #6ecbf514, transparent 34%), linear-gradient(180deg, var(--hud-bg-1) 0%, var(--hud-bg-0) 100%);padding:14px}.hud-page-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:4px 6px 16px;display:flex}.hud-kicker{color:var(--hud-accent-soft);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.hud-page-title{color:#f8ffef;margin:6px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.15}.hud-page-sub{color:var(--hud-text-dim);margin:8px 0 0;font-size:13px;line-height:1.5}.hud-card{border:1px solid var(--hud-accent-border);box-sizing:border-box;background:linear-gradient(#12110cf5,#0a0907f5);box-shadow:0 14px 30px #0000003d}.hud-card--pad{padding:20px}.hud-card-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.hud-card-title h2,.hud-card-title h3{color:var(--hud-text);flex:1;margin:0;font-size:18px;font-weight:800}.hud-title-icon{width:34px;height:34px;color:var(--hud-accent-soft);border:1px solid var(--hud-accent-border);background:var(--hud-accent-dim);flex:0 0 34px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.hud-btn{border:1px solid var(--hud-accent-border-strong);background:linear-gradient(135deg, var(--hud-accent-dim), #0a0906f0 58%), #0a0906f0;color:#eaffd4;letter-spacing:.04em;cursor:pointer;place-items:center;gap:2px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-grid}.hud-btn:hover:not(:disabled){border-color:var(--hud-accent-glow);box-shadow:0 0 18px var(--hud-accent-dim);transform:translateY(-1px)}.hud-btn:disabled{opacity:.45;cursor:not-allowed}.hud-btn.ghost{border-color:var(--hud-accent-border);color:#eaf3e0e0;background:#0a0906e6}.hud-btn.gold{color:#fff7d6;background:linear-gradient(135deg,#fbbf2447,#141008f0 58%),#141008f0;border-color:#fbbf248c}.hud-btn.gold:hover:not(:disabled){border-color:#fde68ad9;box-shadow:0 0 18px #fbbf2447}.hud-rows{gap:2px;display:grid}.hud-row{border-bottom:1px solid #7cb3421f;justify-content:space-between;align-items:center;gap:14px;min-height:43px;display:flex}.hud-row span{color:var(--hud-text-dim)}.hud-row strong{color:var(--hud-text);white-space:nowrap;text-align:right;word-break:break-word;font-size:13px;font-weight:700}.n-menu .n-menu-item-content{transition:background .15s;position:relative}.n-menu .n-menu-item-content:hover{background:var(--hud-accent-faint)}.n-menu .n-menu-item-content--selected{background:linear-gradient(90deg, var(--hud-accent-dim), #f0a02005)!important}.n-menu .n-menu-item-content--selected:before{content:"";background:var(--hud-accent);width:3px;box-shadow:0 0 10px var(--hud-accent-glow);position:absolute;top:14%;bottom:14%;left:0}.n-menu .n-menu-item-content__icon,.n-menu .n-menu-item-content--selected .n-menu-item-content__icon{color:var(--hud-accent-soft)}.n-menu .n-menu-item-content--selected .n-menu-item-content-header{color:#ffe9bd}.n-menu .n-menu-item-group-title{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--hud-text-faint)!important}.buy-head{align-items:center;gap:10px;display:flex}.buy-title{font-size:16px;font-weight:800}.buy-block{margin-bottom:16px}.buy-label{letter-spacing:.1em;color:var(--hud-text-dim);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.buy-hint{color:var(--hud-text-dim);font-size:11px;line-height:1.6}.buy-note{border-left:3px solid var(--hud-gold,#d4a441);color:var(--hud-text,#e6e8ea);background:#d4a44114;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.7}.buy-item{border:1px solid var(--hud-accent-border);background:var(--hud-accent-faint);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px;display:flex}.buy-item-icon{border:1px solid var(--hud-accent-border-strong);background:var(--hud-accent-dim);flex:none;place-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:grid}.buy-item-text{flex:1;min-width:0}.buy-item-name{color:var(--hud-text);margin-bottom:4px;font-size:14px;font-weight:700}.buy-item-desc{color:var(--hud-text-dim);font-size:12px;line-height:1.55}.buy-qty{align-items:center;gap:10px;display:flex}.buy-qty-cap{color:var(--hud-accent-soft);margin-left:6px}.buy-line{color:var(--hud-text-dim);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.buy-line strong{color:var(--hud-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.buy-divider{background:linear-gradient(90deg, transparent, var(--hud-accent-border), transparent);height:1px;margin:12px 0}.buy-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.buy-total{align-items:baseline;gap:6px;display:flex}.buy-total-label{color:var(--hud-text-dim);font-size:12px}.buy-total-num{color:#ffd166;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.buy-total-unit{color:var(--hud-text-dim);font-size:12px}.buy-balance{color:var(--hud-text-dim);margin-left:10px;font-size:12px}.buy-balance.short{color:var(--hud-offline)}.mut-opt-name{color:var(--hud-text,#e6edf3);font-size:13px}.mut-opt-badge{color:#ffd166;border:1px solid #ffd16680;margin-left:6px;padding:0 4px;font-size:10px}.mut-opt-sub{color:var(--hud-text-dim,#8b98a5);white-space:normal;font-size:11px;line-height:1.4}.hud-ok{color:var(--hud-ok)!important}.hud-pending{color:var(--hud-pending)!important}.hud-offline{color:var(--hud-offline)!important}.hud-info{color:var(--hud-info)!important}.hud-gold{color:var(--hud-gold)!important}