.member-showcase{color:#d9e2f2;max-width:1240px;margin:1rem auto 5rem}.member-showcase h1{color:#fff;overflow-wrap:anywhere;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.1}.member-showcase h2{color:#f3ecff;margin:.5rem 0;font-size:1.7rem}.member-showcase h3{color:#fff;margin:.3rem 0;font-size:1.15rem}.member-showcase p{line-height:1.65}.member-showcase section{margin-top:3rem;scroll-margin-top:6rem}.member-banner{background:linear-gradient(120deg,#211c38,#101b2b);border:1px solid #4c4770;border-top:3px solid #b779e2;border-radius:16px;gap:2rem;margin-top:1rem;padding:clamp(1.25rem,4vw,3rem);display:flex}.member-banner>img{object-fit:contain;width:130px;height:130px}.member-handle{color:#7ce4ed;font:1rem monospace}.member-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.member-banner nav{gap:1.5rem;margin-top:1.2rem;display:flex}.member-banner nav a,.member-showcase .back-link{color:#90e8ef}.member-overview{background:#36415c;border:1px solid #36415c;border-radius:10px;flex-wrap:wrap;gap:1px;margin:1.5rem 0;display:flex;overflow:hidden}.member-overview>div{background:#111a2b;flex:1;min-width:130px;padding:1rem 1.5rem}.member-overview dt{color:#aebbd2;font-size:.875rem}.member-overview dd{color:#85e3df;margin:0;font:700 2rem ui-monospace,monospace}.member-section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.member-section-heading h2 span{color:#ba94e7}.member-section-heading label{min-width:min(280px,100%);font-size:.875rem}.member-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.member-hero-card{background:#131b2e;border:1px solid #3b4965;border-radius:12px;transition:border-color .15s,transform .15s;display:block;overflow:hidden;text-decoration:none!important}.member-hero-card:hover{border-color:#8be4e7;transform:translateY(-3px)}.member-card-portrait{aspect-ratio:1.15;position:relative;overflow:hidden}.member-card-portrait img{object-fit:cover;width:100%;height:100%}.member-card-portrait>b,.member-card-portrait>span{color:#fff;background:#091325ed;border:1px solid #627396;border-radius:5px;padding:.35rem .7rem;font:.875rem monospace;position:absolute}.member-card-portrait>b{color:#8cf0e1;font-weight:700;top:.8rem;right:.8rem}.member-card-portrait>span{bottom:.8rem;left:.8rem}.member-card-copy{padding:1.2rem}.member-card-copy small,.member-gear small{color:#aabbd4;font-size:.875rem}.member-card-copy p{color:#bbcae0;font-size:.9375rem}.member-bonuses{flex-wrap:wrap;gap:.45rem;margin:.75rem 0;display:flex}.member-bonuses b{color:#9df0dd;background:#1b343d;border-radius:4px;padding:.3rem .5rem;font:.875rem ui-monospace,monospace}.member-inspect{color:#dda4ef;margin-top:1rem;display:block}.member-pagination{justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.member-empty{color:#b6c3d9;background:#131c2d;border:1px dashed #485573;border-radius:10px;padding:1.4rem}.member-history-filter{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;display:flex}.member-battle-list{gap:.65rem;display:grid}.member-battle-list>a{color:#e3ebfa;background:#141d30;border:1px solid #384864;border-radius:9px;grid-template-columns:85px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.member-battle-list small{color:#a7b8d3;margin-top:.25rem;font-size:.875rem;display:block}.member-result{text-transform:uppercase;color:#c9b7f2;border:1px solid;border-radius:4px;padding:.3rem .5rem;font:.875rem ui-monospace,monospace;display:inline-block}.member-result.won{color:#79e3ba}.member-result.lost{color:#ffa5b0}.member-result.fled{color:#efc88b}.member-inspector{grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:2.5rem;margin:1.5rem 0;display:grid}.member-inspector-art img{border:1px solid #576488;border-radius:14px;width:100%}.member-inspector-art p{color:#b6c6e2;font-size:.875rem}.member-inspector header a{color:#8be4ea}.member-inspector progress{accent-color:#a282e5;width:100%;height:10px}.member-stat-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.member-stat-grid article{background:#171d32;border-top:2px solid #b387e7;border-radius:8px;padding:1rem}.member-stat-grid small{font-size:.9375rem}.member-stat-grid strong{color:#b99aef;font:2.6rem ui-monospace,monospace;display:block}.member-stat-grid span{color:#b4c3da;font-size:.875rem}.member-gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.member-gear{background:#171e30;border:1px solid #3d4864;border-radius:8px;gap:.85rem;margin:.75rem 0;padding:1rem;display:flex}.member-gear.equipped{border-color:#477b82}.member-gear-icon{color:#dab1fa;flex:none;padding-top:.25rem}.member-gear p{color:#bfcee3;font-size:.9375rem}.member-skill{background:#1b1d33;border:1px solid #4b426b;border-radius:9px;padding:1.25rem}.member-skill b{color:#a6e3e1;font-size:.9375rem}.member-crafting{margin-top:2rem}.member-showcase summary{cursor:pointer;color:#b6e8ef;padding:.8rem 0;font-size:1rem}.member-combatants{grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;display:grid}.member-combatants>article{background:#141d2c;border:1px solid #414e6b;border-radius:12px;padding:1rem}.member-combatant-top{align-items:start;gap:1rem;display:flex}.member-combatant-top img{object-fit:cover;border-radius:8px;width:120px;height:160px}.member-combatant-top small{color:#bfaae8}.member-combatant-top h2{font-size:1.3rem}.member-snapshot-stats{flex-wrap:wrap;gap:.6rem;display:flex}.member-snapshot-stats span{background:#243146;padding:.3rem .6rem;font-size:.875rem}.member-log-controls{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.member-log-controls label:first-child{flex:1}.member-transcript{background:#080e18;border:1px solid #3e5068;border-radius:10px;max-height:70vh;padding:1.5rem;font:.9375rem/1.7 ui-monospace,monospace;overflow:auto}.member-transcript p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .4rem}.member-transcript p>span{color:#7a8ca9;margin-right:1rem}.member-transcript .player{color:#88e4ed}.member-transcript .enemy{color:#f5afb9}.member-transcript .spell{color:#d2a6f4}.member-transcript .heal{color:#85e7bc}.member-transcript .critical,.member-transcript .result{color:#ffdb88}.member-transcript .command{color:#a2baff}.member-transcript .status{color:#e7badc}:is(.member-showcase a:focus-visible,.member-showcase summary:focus-visible){outline-offset:4px;outline:3px solid #7edee8}@media (max-width:950px){.member-hero-grid,.member-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-inspector{gap:1.5rem}.member-combatants{grid-template-columns:1fr}}@media (max-width:620px){.member-banner{flex-direction:column;gap:.5rem}.member-banner>img{width:75px;height:75px}.member-hero-grid,.member-gear-grid,.member-inspector{grid-template-columns:1fr}.member-stat-grid{grid-template-columns:repeat(2,1fr)}.member-section-heading{flex-direction:column;align-items:start}.member-battle-list>a{grid-template-columns:70px 1fr}.member-battle-list>a>b{grid-column:2;font-size:.875rem}.member-combatant-top{flex-direction:column}.member-combatant-top img{object-position:top;width:100%;height:240px}.member-transcript{padding:1rem}.member-overview>div{min-width:100px;padding:1rem}.member-overview dd{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.member-hero-card{transition:none}.member-hero-card:hover{transform:none}}.member-magic{--magic-cyan:#68f1ec;--magic-pink:#ffa2e9;--magic-gold:#ffdc83;--magic-violet:#bd9aff}.member-magic .member-banner{isolation:isolate;border:1px solid #a476d9;border-top:4px solid #d399fb;border-radius:26px;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden;box-shadow:0 0 45px #9f49d020,inset 0 0 50px #7546ae12;background:radial-gradient(at 5% 20%,#126675aa,#0000 50%),radial-gradient(at 95% 0,#82276c99,#0000 60%),radial-gradient(at 70% 110%,#5127a499,#0000 60%),#15132e!important}.member-magic .member-avatar-frame{background:linear-gradient(140deg,#68f1ec,#af7ffa 45%,#ff96cb 70%,#ffdb80);border-radius:27px;flex:0 0 224px;max-width:100%;padding:8px;transform:rotate(-2deg);box-shadow:0 0 38px #be7fee4a}.member-magic .member-avatar-frame>img{aspect-ratio:1;object-fit:contain;background:#151b32;border:3px solid #201833;border-radius:19px;width:100%;height:auto;display:block}.member-magic .member-avatar-frame>span{text-align:center;letter-spacing:-.02em;color:#1d1635;padding:.7rem .2rem .35rem;font:700 1rem/1.3 ui-monospace,monospace;display:block}.member-magic-cursor{color:#62439d}.member-magic .member-identity{flex:1;min-width:0}.member-magic .member-identity>.eyebrow{color:#f0b4f7;letter-spacing:.15em;margin:0 0 .7rem;font-size:.875rem}.member-magic .member-identity h1{color:#fff1ff;text-shadow:0 0 30px #dd8dff4d;margin:0 0 .8rem;font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.1}.member-magic .member-handle{color:var(--magic-cyan);margin:.5rem 0;font-size:1.15rem}.member-magic .member-bio{color:#e9e2f6;background:#140e2980;border-left:3px solid #d497ee;border-radius:0 12px 12px 0;margin:1.25rem 0;padding:1rem 1.25rem;font-size:1rem;line-height:1.7}.member-magic .member-banner nav{flex-wrap:wrap;gap:.7rem}.member-magic .member-banner nav a{color:#f0c7ff;background:#291c43aa;border:1px solid #9674bf;border-radius:99px;padding:.6rem 1rem;font-size:.9375rem;text-decoration:none}.member-magic .member-banner nav a:hover{color:#b8fff8;border-color:#82eff2}.member-magic .member-overview{background:0 0;border:0;border-radius:0;gap:.8rem;margin:1.5rem 0 2.5rem}.member-magic .member-overview>div{border:1px solid #695393;border-top:3px solid var(--stat-color,#73e8ef);background:linear-gradient(145deg,#2b1f42,#131d31);border-radius:15px;padding:1.1rem 1.2rem;box-shadow:0 8px 24px #06071555}.member-magic .member-overview>div:nth-child(2){--stat-color:#d6a3ff}.member-magic .member-overview>div:nth-child(3){--stat-color:#ffabde}.member-magic .member-overview>div:nth-child(4){--stat-color:#ffda80}.member-magic .member-overview>div:nth-child(5){--stat-color:#8aefbc}.member-magic .member-overview dd{color:var(--stat-color,#73e8ef);margin-top:.3rem;font-size:2.5rem}.member-magic .member-overview dt{color:#e0d4ec}.member-magic .member-section-heading{border-bottom:1px solid #79599e;padding-bottom:1rem}.member-magic .member-section-heading .eyebrow{color:#ffcbea}.member-magic .member-section-heading h2{color:#ead2ff;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.4rem)}.member-magic .member-hero-card{background:linear-gradient(145deg,#2d2043,#121e31);border:1px solid #8965b3;border-bottom:3px solid #bc8fe8;border-radius:18px;box-shadow:0 10px 28px #0003}.member-magic .member-hero-card:nth-child(3n+2){border-color:#5fa9b8 #5fa9b8 #6eeee4}.member-magic .member-hero-card:nth-child(3n){border-color:#a46791 #a46791 #f5aad9}.member-magic .member-hero-card:hover{border-color:#f8caec;box-shadow:0 12px 32px #bb64f126}.member-magic .member-inspect{color:#ffd396}.member-magic .member-bonuses b{color:#b3fff0;background:#183c43}.member-magic .member-battle-list>a{background:linear-gradient(110deg,#271b3a,#142238);border:1px solid #725389;border-left:3px solid #d5a2ec;border-radius:12px;margin-bottom:.8rem;padding:1rem}.member-magic .member-battle-list>a>b{color:#87ebe8}.member-magic .member-history-filter{background:#221b36;border:1px solid #786099;border-radius:14px;padding:1.1rem}.member-magic .member-empty{color:#e4d5f3;background:linear-gradient(130deg,#302143,#152e3a);border:1px dashed #a178b9;border-radius:16px;padding:2rem}.member-preview-notice{color:#d1eff8;background:#12313d;border:1px solid #6ae0db;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.9375rem;display:flex}.member-preview-notice>span{flex:1;min-width:200px}.member-preview-notice a{color:#9cfff0;text-decoration:underline}.member-preview-actions>span{color:#d5c4e4;font-size:.875rem}.member-preview-actions button:disabled{opacity:.85;cursor:default}@media (max-width:620px){.member-magic .member-banner{align-items:flex-start}.member-magic .member-avatar-frame{flex:none;align-self:center;width:170px;margin-bottom:1rem}.member-magic .member-identity{width:100%}.member-magic .member-overview>div{min-width:130px}.member-magic .member-preview-notice{align-items:flex-start}}
