/* MIRAGE 2.2 — Roster & Economy, visual artwork uses original Mirage concept imagery */
.mv2-value-card{isolation:isolate;overflow:hidden;background-color:#1c1229;position:relative}
.mv2-value-card::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.36;pointer-events:none;background-position:center;background-size:cover;filter:saturate(.83) contrast(1.12);transform:scale(1.025);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.mv2-value-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(17,10,29,.70) 0%,rgba(17,10,29,.78) 35%,rgba(13,8,23,.97) 100%)}
.mv2-value-card:hover::before,.mv2-value-card:focus-visible::before{opacity:.53;transform:scale(1.11)}
.mv2-value-dominance::before{background-image:url('/assets/img/mirage-v22/value-1.webp')}
.mv2-value-organization::before{background-image:url('/assets/img/mirage-v22/value-2.webp')}
.mv2-value-loyalty::before{background-image:url('/assets/img/mirage-v22/value-3.webp')}
.mv2-value-future::before{background-image:url('/assets/img/mirage-v22/value-4.webp')}
.mv2-value-card h3,.mv2-value-card p,.mv2-value-card .mv2-value-icon,.mv2-value-card .mv2-card-top{position:relative;z-index:1}
.mirage-roster-info{display:flex;align-items:center;gap:12px;padding:17px 20px;margin:15px 0 28px;background:#1c1329;border:1px solid #7a50ac55;border-radius:12px;color:#d3c5e6;font-size:12px;line-height:1.7}
.mirage-dot-glow{flex:0 0 8px;width:8px;height:8px;background:#b78dff;box-shadow:0 0 16px #ae72ff;border-radius:50%}
.roster-grid-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mirage-roster-card{min-width:0;position:relative;overflow:hidden;border:1px solid #7451a15e;border-radius:15px;background:linear-gradient(150deg,#302047,#130e20 71%);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.mirage-roster-card:hover{transform:translateY(-5px);border-color:#b995ff;box-shadow:0 15px 40px #11081970,0 0 28px #9559ea1a}
.mirage-roster-portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:275px;overflow:hidden;background:radial-gradient(circle at 60% 60%,#733db659 0%,transparent 57%),linear-gradient(160deg,#21122f,#0e0a19);border-bottom:1px solid #9b69c651}
.mirage-roster-portrait:after{position:absolute;content:"";inset:auto 0 0;height:50px;background:linear-gradient(transparent,#140d20)}
.mirage-roster-bgmark{font-size:240px;position:absolute;top:-33px;opacity:.08;color:#d4aeff;font-family:serif;line-height:1}
.mirage-roster-skin{position:relative;z-index:1;height:238px;max-width:90%;width:auto;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 14px 10px #0009);transition:transform .35s ease;object-position:bottom}
.mirage-roster-card:hover .mirage-roster-skin{transform:translateY(-5px) scale(1.035)}
.mirage-roster-placeholder{image-rendering:pixelated;height:227px}
.mirage-roster-details{padding:20px 19px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mirage-roster-role{font-size:9px;font-weight:800;letter-spacing:.16em;color:#d0a9ff}
.mirage-roster-details h2{font-size:21px;letter-spacing:-.03em;margin:0;color:#fff;overflow-wrap:anywhere}
.mirage-roster-nick{color:#bda8d2;font-size:12px}
.mirage-hint{font-size:12px;color:#a899be;line-height:1.8;margin-top:20px}
.mirage-ranking-switch{display:flex;gap:10px;margin:10px 0 26px;flex-wrap:wrap}
.mirage-rank-tab{cursor:pointer;border-radius:9px;border:1px solid #6f4c9259;background:#1b1425;color:#c6b4e0;min-height:44px;padding:12px 22px;letter-spacing:.08em;font-size:11px;font-weight:800}
.mirage-rank-tab:hover{border-color:#a779ed}
.mirage-rank-tab.active,.mirage-rank-tab[aria-selected=true]{background:#4e267a;color:#fff;border-color:#b98bff;box-shadow:0 0 19px #a25ef331}
.mirage-wealth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:23px}
.mirage-wealth-podium{position:relative;overflow:hidden;border:1px solid #76569c88;background:radial-gradient(circle at 95% 15%,#9259d026,transparent 44%),linear-gradient(140deg,#281935,#120d1e);border-radius:13px;padding:24px 22px;display:flex;flex-direction:column;gap:16px}
.mirage-wealth-podium:first-child{border-color:#bb91ff90;box-shadow:0 10px 35px #9b5ff011}
.mirage-wealth-pos{font-size:10px;font-weight:800;letter-spacing:.12em;color:#bb92ee}
.mirage-wealth-person{display:flex;align-items:center;gap:11px;font-size:15px;min-width:0}
.mirage-wealth-person strong{overflow-wrap:anywhere}
.mirage-wealth-value{color:#e8d5ff;font-size:clamp(29px,3vw,43px);line-height:1;letter-spacing:-.05em}
.mirage-wealth-value small{display:block;font-size:10px;color:#b59bcd;letter-spacing:.14em;margin-top:9px}
.mirage-wealth-status{color:#a99aba;font-size:10px;line-height:1.7}
.mirage-money-cell{color:#d6a4ff;font-weight:850;white-space:nowrap}
.mirage-login-v22 .panel{max-width:580px;margin:0 auto}
.mirage-discord-login{margin:28px 0 10px;font-size:13px;min-height:52px}
.mirage-discord-pending{border:1px solid #9b7bbd78;background:#281c38;padding:16px;border-radius:9px;font-size:12px;color:#e7d8ff;line-height:1.7;margin:24px 0}
.mirage-staff-login{margin-top:27px;border-top:1px solid #65498373;padding-top:20px}
.mirage-staff-login>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#c9acd8;font-size:12px;font-weight:750;list-style:none}
.mirage-staff-login>summary::-webkit-details-marker{display:none}
.mirage-staff-login .stack-form{margin-top:22px}
.mirage-stats-editor .stat-edit-row{grid-template-columns:minmax(135px,1.9fr) minmax(140px,1fr) repeat(5,minmax(80px,.7fr)) auto;min-width:1080px}
.mirage-stats-editor .mirage-money-input input{border-color:#9a70d87d}
.mirage-roster-v22 .page-heading,.mirage-ranking-v22 .page-heading{max-width:1100px}
.mirage-roster-v22 .page-heading p,.mirage-ranking-v22 .page-heading p{max-width:800px}
.mirage-wealth-grid:empty{display:none}
@media(max-width:1050px){.roster-grid-v22{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.roster-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mirage-wealth-grid{grid-template-columns:1fr}.mirage-roster-portrait{min-height:210px}.mirage-roster-skin{height:190px}.mirage-roster-placeholder{height:186px}.mirage-roster-details{padding:16px 12px}.mirage-roster-details h2{font-size:17px}}
@media(max-width:380px){.roster-grid-v22{grid-template-columns:1fr}.mirage-roster-portrait{min-height:280px}.mirage-roster-skin{height:238px}}
@media(prefers-reduced-motion:reduce){.mirage-roster-card,.mirage-roster-skin,.mv2-value-card::before{transition:none!important}}