.mr{--bg:#0b0d12;--surface:#141821;--surface-2:#1b2130;--line:#262d3c;--line-2:#343d50;--ink:#eef1f7;--muted:#9aa3b5;--faint:#6c768a;--accent:#f0c419;--good:#4fd18b;--bad:#f2716c;--vanguard:#5b9cf6;--duelist:#f2716c;--strategist:#4fd18b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.5}.mr.mr-page{flex-direction:column;gap:20px;width:min(1240px,100% - 32px);margin:24px auto 64px;display:flex}@media (width<=700px){.mr.mr-page{width:calc(100% - 32px);margin-top:16px}}.mr h1,.mr h2,.mr h3{text-transform:none;letter-spacing:-.01em;margin:0;font-family:inherit;line-height:1.2}.mr h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.mr h2{font-size:1.2rem;font-weight:700}.mr h3{font-size:1rem;font-weight:700}.mr p{color:var(--muted);margin:0;line-height:1.6}.mr a{color:inherit}.mr a:hover{color:var(--accent)}.mr button,.mr input,.mr select{font:inherit;color:inherit}.mr .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.mr .head p{max-width:70ch;margin-top:6px}.mr .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:18px}.mr .card>h2{margin-bottom:12px}.mr .sub{color:var(--faint);font-size:.8rem}.mr .note{color:var(--faint);font-size:.8rem;line-height:1.6}.mr .note a{color:var(--accent)}.mr .grid{gap:14px;display:grid}.mr .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mr .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.mr .cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.mr .cols-2,.mr .cols-4{grid-template-columns:minmax(0,1fr)}}.mr .tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.mr .tile .label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.mr .tile .value{margin-top:2px;font-size:1.4rem;font-weight:800}.mr .tile .sub{margin-top:2px}.mr .controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr .seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.mr .seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:.84rem}.mr .seg button.on{background:var(--surface);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.mr .seg button:disabled{opacity:.4;cursor:not-allowed}.mr .input,.mr .select{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:36px;padding:7px 11px}.mr .input:focus,.mr .select:focus,.mr .seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mr .role{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.mr .role i{background:var(--role);border-radius:50%;width:8px;height:8px}.mr .avatar{background:var(--surface-2);border-radius:10px;flex:none;display:inline-block;overflow:hidden}.mr .avatar img{object-fit:cover;width:100%;height:100%;display:block}.mr .hero-chip{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.mr .hero-chip b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mr .roster{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.mr .roster-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--role) 30%, var(--surface)), var(--surface));aspect-ratio:5/8;border-radius:12px;text-decoration:none;transition:border-color .15s;display:block;position:relative;overflow:hidden}.mr .roster-card:hover{border-color:var(--accent)}.mr .roster-card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.mr .roster-card span{color:#fff;background:linear-gradient(#0000,#000000eb);padding:26px 10px 9px;font-size:.86rem;font-weight:700;position:absolute;inset:auto 0 0}.mr .badge{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.mr .badge.accent{color:#1a1503;background:var(--accent);border-color:var(--accent)}.mr .roster-card .badge{position:absolute;top:8px;left:8px}.mr kbd{background:var(--surface-2);border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:1px 6px;font:600 .72rem ui-monospace,Consolas,monospace}.mr .hero-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.mr .hero-layout{grid-template-columns:minmax(0,1fr)}}.mr .hero-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}@media (width<=900px){.mr .hero-side{position:static}}.mr .portrait{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--role) 35%, var(--surface)), var(--surface) 80%);position:relative;overflow:hidden}.mr .portrait img{aspect-ratio:5/8;object-fit:cover;object-position:top;width:100%;display:block}@media (width<=900px){.mr .portrait img{object-fit:contain;max-height:380px}}.mr .portrait .caption{color:#fff;background:linear-gradient(#0000,#0006 40%,#000000eb);padding:60px 16px 14px;position:absolute;inset:auto 0 0}.mr .portrait .caption .real{color:#ffffffbf;font-size:.88rem}.mr .portrait .caption .role{color:#ffffffd9}.mr .stat-list{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.mr .stat-list dt{color:var(--faint);font-size:.75rem}.mr .stat-list dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.15rem;font-weight:800}.mr .stat-list dd small{color:var(--faint);font-size:.72rem;font-weight:500;display:block}.mr .ability-group h3{color:var(--faint);text-transform:uppercase;letter-spacing:.07em;margin:4px 0 6px;font-size:.75rem}.mr .ability{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.mr .ability:first-of-type{border-top:0}.mr .ability-icon{background:#d9dde6;border-radius:10px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.mr .ability-icon img{object-fit:contain;width:40px;height:40px}.mr .ability .title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mr .ability p{margin-top:4px;font-size:.9rem}.mr details summary{cursor:pointer;color:var(--accent);margin-top:6px;font-size:.8rem}.mr .kv{background:var(--surface-2);border-radius:8px;grid-template-columns:auto 1fr;gap:3px 16px;margin:8px 0 0;padding:10px 12px;font-size:.8rem;display:grid}.mr .kv dt{color:var(--faint)}.mr .kv dd{font-variant-numeric:tabular-nums;margin:0}.mr .table-wrap{overflow-x:auto}.mr table.data{border-collapse:collapse;width:100%;font-size:.88rem}.mr table.data th{text-align:left;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.74rem;font-weight:600}.mr table.data th button{all:unset;cursor:pointer}.mr table.data th button:focus-visible{outline:2px solid var(--accent)}.mr table.data td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.mr table.data .num{text-align:right;font-variant-numeric:tabular-nums}.mr table.data tr:hover td{background:#ffffff05}.mr .pos{color:var(--good)}.mr .neg{color:var(--bad)}@media (width<=640px){.mr .hide-sm{display:none}}.mr .teamup{flex-direction:column;gap:10px;display:flex}.mr .teamup .who{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.mr .teamup .effect{color:var(--muted);font-size:.88rem}.mr .teamup .effect b{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:.72rem}.mr .teamup .effect.enh b{color:var(--accent)}.mr .bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.mr .bar span{background:var(--role,var(--accent));height:100%;display:block}.mr .empty{text-align:center;color:var(--faint);border:1px dashed var(--line);border-radius:var(--radius);padding:32px 16px}.mr .notes{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.mr .notes h2{margin-bottom:8px}.mr .notes p{max-width:78ch;font-size:.9rem}.mr .notes p+p{margin-top:10px}.mr .notes a{color:var(--accent)}
