.aura-overview { border:1px solid #b77c6545; border-radius:12px; padding:24px; background:linear-gradient(125deg,#41202e33,#11151e); }.aura-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:22px; }.aura-metrics>div { display:flex; flex-direction:column; gap:10px; }.aura-metrics span { color:#bfa6bb; font-size:.72rem; }.aura-metrics strong { color:#edc78e; font-size:1.45rem; font-weight:500; font-variant-numeric:tabular-nums; }.aura-overview progress { width:100%; height:5px; display:block; border:0; accent-color:#d79c7e; }.aura-overview progress::-webkit-progress-bar { background:#2c2430; border-radius:4px; }.aura-overview progress::-webkit-progress-value { background:linear-gradient(90deg,#ac3d5a,#ddbc83); border-radius:4px; }.aura-note { color:#b9a3ba; font-size:.7rem; line-height:1.8; }.aura-overview>.aura-note { margin-top:13px; }
.aura-toolbar { display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; margin:24px 0; }.aura-tabs { display:flex; flex-wrap:wrap; gap:10px; }.loyalty-profile .aura-tab { display:flex; align-items:center; gap:12px; text-align:left; border:1px solid #9f7b6738; border-radius:9px; padding:11px 14px; background:#14151f; }.aura-tab strong { display:block; color:#d3c5d0; font-size:.76rem; font-weight:500; }.aura-tab small { display:block; color:#a68da6; font-size:.58rem; margin-top:6px; }.loyalty-profile .aura-tab[aria-pressed=true] { color:var(--aura-color); border-color:color-mix(in srgb,var(--aura-color),transparent 40%); box-shadow:inset 0 -2px var(--aura-color); background:linear-gradient(110deg,#71334427,#1a1720); }.aura-tab[aria-pressed=true] strong { color:var(--aura-color); }.aura-emblem { display:block; width:38px; height:38px; object-fit:contain; border:1px solid #bfb3994d; border-radius:6px; flex-shrink:0; }
.aura-preview-label { display:flex; align-items:center; flex-wrap:wrap; gap:10px; color:#bfa7bb; font-size:.65rem; }.aura-preview-label select { background:#10151f; border:1px solid #a4786545; border-radius:6px; padding:10px; color:#e5c4a2; font:inherit; font-size:.72rem; }
.aura-panel { border:1px solid #a5756540; border-top:2px solid var(--aura-color); border-radius:12px; padding:24px; background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--aura-color),transparent 94%),transparent 55%),#11151e; }.aura-panel-heading { display:flex; align-items:center; gap:15px; padding-bottom:23px; }.aura-panel-heading h4 { color:var(--aura-color); font-size:1.1rem; font-weight:500; margin-bottom:8px; }.aura-tier { padding:18px; border:1px solid #a7846629; border-radius:10px; background:#ffffff02; margin-top:15px; }.aura-tier-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:17px; border-left:2px solid var(--aura-color); padding-left:10px; }.aura-tier-heading h5 { color:#d4b8ba; font-size:.7rem; font-weight:500; }.aura-tier-heading small { color:#ae94ad; font-size:.61rem; line-height:1.8; }
.aura-slot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.aura-slot { min-width:0; border:1px solid #bf9c6545; border-radius:8px; padding:16px; background:linear-gradient(130deg,#bf854409,#11141d); }.aura-slot.is-locked { border-color:#76849938; background:#10151c; }.aura-slot-heading { display:flex; gap:11px; align-items:start; }.aura-slot-heading>div { min-width:0; flex:1; }.aura-slot-heading small { display:block; font-size:.52rem; color:#b58c9e; margin-bottom:7px; letter-spacing:1px; }.aura-slot-heading strong { display:block; color:#e0c8d6; font-size:.76rem; line-height:1.7; font-weight:500; }.aura-slot-level { color:var(--aura-color); font-size:.66rem; font-weight:500; white-space:nowrap; }.aura-force { display:block; position:relative; overflow:hidden; width:29px; height:29px; flex-shrink:0; border:1px solid #a9927559; border-radius:5px; background:#09111b; }.aura-force img { position:absolute; top:0; left:0; width:160%; height:160%; max-width:none; object-fit:fill; }.aura-slot.is-locked .aura-force { opacity:.55; }.aura-slot-cost { font-size:.61rem; line-height:1.7; color:#b09aaf; margin:13px 0; }
.aura-level-table { width:100%; border-collapse:collapse; font-size:.67rem; font-variant-numeric:tabular-nums; }.aura-level-table caption { text-align:left; color:#ba9eae; font-size:.6rem; padding:8px 0; }.aura-level-table th,.aura-level-table td { padding:8px 5px; text-align:left; border-bottom:1px solid #b78c5d20; color:#b8a2b8; font-weight:400; }.aura-level-table thead th { font-size:.57rem; color:#d1b493; }.aura-level-table td:last-child { text-align:right; color:#c7b7ca; }.aura-level-table tr.is-reached { background:#a47c3810; }.aura-level-table tr.is-reached th,.aura-level-table tr.is-reached td { color:#f0d2a3; }.aura-completion { display:grid; grid-template-columns:1fr auto; gap:7px; margin-top:16px; padding:12px 0 0; }.aura-completion small { grid-column:1/-1; color:#bda06c; font-size:.5rem; letter-spacing:.6px; }.aura-completion span { color:#bca7bd; font-size:.65rem; line-height:1.7; }.aura-completion strong { color:#c7b6cc; font-size:.7rem; font-weight:500; }.aura-completion.is-complete span,.aura-completion.is-complete strong { color:#ecc58b; }
.aura-demo { color:#baa1b8; font-size:.68rem; line-height:1.9; border-left:2px solid #b15a70; padding-left:12px; margin-top:22px; }
@media(max-width:1100px) { .aura-slot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .aura-overview,.aura-panel { padding:18px; }.aura-metrics { gap:12px; }.aura-metrics span { font-size:.63rem; }.aura-metrics strong { font-size:1.1rem; }.aura-tabs { display:grid; grid-template-columns:1fr 1fr; width:100%; }.loyalty-profile .aura-tab { padding:10px; gap:9px; }.aura-tab strong { font-size:.68rem; }.aura-slot-grid { grid-template-columns:1fr; }.aura-tier { padding:13px; }.aura-emblem { width:32px; height:32px; } }
@media(prefers-reduced-motion:reduce) { .aura-system * { animation:none!important; transition:none!important; } }
.aura-icon-frame { display:grid; place-items:center; position:relative; width:51px; height:51px; flex-shrink:0; padding:5px; border:1px solid color-mix(in srgb,var(--aura-color),transparent 45%); border-radius:10px; background:linear-gradient(145deg,#ffffff0b,#080d17); box-shadow:inset 0 1px #ffffff17,0 3px 8px #0004; box-sizing:border-box; }
.aura-icon-frame .aura-emblem { width:39px; height:39px; max-width:none; border:0; border-radius:4px; object-fit:contain; filter:none; }
.aura-tab .aura-icon-frame { border-color:#a090854d; }.aura-tab[aria-pressed=true] .aura-icon-frame { border-color:var(--aura-color); box-shadow:inset 0 1px #ffffff26,0 0 12px color-mix(in srgb,var(--aura-color),transparent 86%); }
.aura-panel-heading .aura-icon-frame { width:57px; height:57px; border-radius:12px; padding:8px; }
.aura-force { width:35px; height:35px; border-radius:6px; border-color:#b3a18a78; box-shadow:0 2px 6px #0004; }.aura-force img { width:160%; height:160%; }.aura-slot.is-locked .aura-force { opacity:.82; }.aura-slot-heading { gap:13px; }
@media(max-width:650px) { .aura-icon-frame { width:47px; height:47px; padding:3px; }.aura-tab { gap:10px; }.aura-force { width:32px; height:32px; } }