@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
/* Approved invitation artwork, with real text and the existing Battle.net flow. */
/* Automatic comic intro; content stays available when scripting or artwork fails. */
.invitation-persistent-brand{position:absolute;top:52px;left:clamp(32px,4.6vw,86px);z-index:3}
.invitation-persistent-brand .invitation-brand{position:static}
.invitation-brand-placeholder{height:69px}
@media(max-width:760px){.invitation-persistent-brand{top:21px;left:24px}.invitation-brand-placeholder{display:none}}
@media(max-width:400px){.invitation-persistent-brand{left:20px}}
.invitation-comic{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;pointer-events:none}
.invitation-hero.is-comic-playing .invitation-comic{opacity:1;transition:none}
.invitation-hero.is-comic-playing .invitation-art{background-image:none;background-color:#101010}
.invitation-comic-panel{opacity:0;filter:saturate(1) brightness(1);transition:opacity .6s ease,filter .6s ease}
.invitation-comic-panel.is-revealed{opacity:1}
.invitation-comic-panel.is-past{filter:saturate(.13) brightness(.34)}
.invitation-hero .invitation-content{transition:opacity .7s ease}
.invitation-hero.is-comic-playing .invitation-content{opacity:0;pointer-events:none;transition:none}
.invitation-welcome .invitation-hero.is-comic-playing .invitation-art:after{background:linear-gradient(0deg,#11111166,transparent 28%)}
.invitation-comic-bar{position:fixed;right:20px;bottom:20px;z-index:5;display:flex;gap:8px;flex-wrap:wrap}
.invitation-comic-bar[hidden]{display:none}
.invitation-comic-bar button,.invitation-motion-controls button{font-size:12px;min-height:36px;padding:8px 12px;background:#171717dd;border-color:#807042;color:#e8d2a0}
.invitation-motion-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.invitation-motion-state{font-size:12px;color:#b8b8b8;line-height:1.5;margin:8px 0 0}
.invitation-motion-state:empty{display:none}
@media(prefers-reduced-motion:reduce){.invitation-comic,.invitation-comic-panel,.invitation-hero .invitation-content{transition:none}}
.invitation-welcome{background:#0c0809}
.invitation-welcome>.topbar,.invitation-welcome>footer{display:none}
.invitation-welcome #access-screen{max-width:none;min-height:100svh;margin:0}
.invitation-hero{position:relative;isolation:isolate;min-height:max(850px,100svh);overflow:hidden;background:#130b0c}
.invitation-art{position:absolute;inset:0;z-index:-1;background:#130b0c url('assets/hero-sylvanas-classic-v2.png') center center/cover no-repeat}
.invitation-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080506bd 0%,#08050694 27%,#0805062b 49%,transparent 67%),linear-gradient(0deg,#09050696,transparent 45%)}
.invitation-content{width:52%;max-width:850px;padding:52px 0 34px clamp(32px,4.6vw,86px)}
.invitation-brand{display:inline-flex;align-items:center;gap:16px;color:#f3d18e;font:600 clamp(23px,2.5vw,38px)/1.15 Cinzel,Georgia,serif;text-shadow:0 2px 9px #000}
.invitation-brand>img{width:48px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 5px #000)}
.invitation-brand small{display:flex;align-items:center;gap:13px;justify-content:center;margin-top:7px;font-size:13px;letter-spacing:8px;text-transform:uppercase}
.invitation-brand small:before,.invitation-brand small:after{content:'';width:35px;height:1px;background:linear-gradient(90deg,transparent,#d4ab66)}
.invitation-brand small:after{transform:rotate(180deg)}
.invitation-content h1{margin:58px 0 14px;font:800 clamp(56px,5.05vw,98px)/1.01 Cinzel,Georgia,serif;letter-spacing:-2.5px;text-transform:uppercase;color:#edc57b;text-shadow:0 3px 1px #45220f,0 5px 28px #000b}
.invitation-content h1 span{display:block;white-space:nowrap}
@supports(background-clip:text){.invitation-content h1{background:linear-gradient(170deg,#fff0b8 4%,#d2a255 27%,#fbe0a1 43%,#ba7c30 57%,#f1ce82 72%,#c18c40 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #241006);text-shadow:none}}
.invitation-rule{display:flex;align-items:center;gap:12px;width:min(91%,520px);margin:23px 0 25px;color:#c92e31}
.invitation-rule:before,.invitation-rule:after{content:'';flex:1;height:2px;background:linear-gradient(90deg,transparent,#a52a2e)}
.invitation-rule:after{transform:rotate(180deg)}
.invitation-rule i{display:block;width:11px;height:11px;border:2px solid #bc3031;transform:rotate(45deg);box-shadow:0 0 0 3px #741c1e66}
.invitation-call{margin:0 0 20px;font:500 clamp(28px,2.8vw,43px)/1.25 Georgia,serif;color:#e0dcd5;text-shadow:0 2px 10px #000}
.invitation-intro{max-width:530px;margin:0 0 27px;font:400 clamp(16px,1.45vw,22px)/1.55 Georgia,serif;color:#d3cbc1;text-shadow:0 2px 10px #000}
.invitation-content .invitation-login{display:inline-flex;justify-content:flex-start;gap:19px;width:min(100%,480px);min-height:72px;padding:12px 22px;color:#f1f7ff;background:linear-gradient(135deg,#1268b8,#074475 60%,#072c50);border:2px solid #9e834a;box-shadow:inset 0 0 0 3px #082a47,inset 0 0 22px #2693ff55,0 3px 0 #090707,0 7px 18px #0009;font:600 clamp(17px,1.65vw,25px)/1.25 Georgia,serif;text-shadow:0 2px 3px #001a32}
.invitation-content .invitation-login:hover{background:linear-gradient(135deg,#1b7bc8,#0b558e 60%,#0a385f);border-color:#dfbf7f;box-shadow:inset 0 0 0 3px #082a47,inset 0 0 22px #2693ff77,0 3px 0 #090707,0 7px 18px #0009}
.invitation-login img{width:40px;height:40px;object-fit:contain;flex-shrink:0;filter:brightness(1.65) saturate(.7)}
.invitation-approval{margin:14px 0 0;color:#c5bab0;font:400 17px/1.5 Georgia,serif;text-shadow:0 1px 8px #000}
.invitation-restriction{display:flex;align-items:center;gap:14px;margin:66px 0 0;font:400 16px/1.5 Georgia,serif;color:#c9bbb0}
.invitation-restriction span{font-size:9px;color:#a93130}
/* Palette alignment for the approved welcome; identity and access behavior unchanged. */
.invitation-welcome{background:#111;color:#eee}
.invitation-welcome .invitation-hero{background:#111}
.invitation-welcome .invitation-art:after{background:linear-gradient(90deg,#111111f2 0%,#111111b8 32%,#1111111a 70%),linear-gradient(0deg,#111 0%,transparent 40%)}
.invitation-welcome .invitation-content h1{color:#ffd100;background:linear-gradient(170deg,#fff1bd 4%,#f3ce58 27%,#fff0a7 43%,#c29525 57%,#f7db78 72%,#d9ae36 95%);background-clip:text;-webkit-background-clip:text;text-shadow:none}
.invitation-welcome .invitation-intro{font-family:Verdana,Tahoma,sans-serif;color:#eee;font-size:18px;line-height:1.6}
.invitation-welcome .invitation-call{color:#e8e8e8}
.invitation-welcome .invitation-approval,.invitation-welcome .invitation-restriction{color:#ccc;font-family:Verdana,Tahoma,sans-serif;font-size:15px;line-height:1.6}
.invitation-welcome .invitation-security{color:#b8b8b8;font-size:13px;line-height:1.6}
.invitation-welcome .invitation-rule:before,.invitation-welcome .invitation-rule:after{background:linear-gradient(90deg,transparent,#aa923d)}
.invitation-welcome .invitation-rule i{border-color:#e1bd48;box-shadow:0 0 0 3px #b59d3722}
@media(max-width:760px){.invitation-welcome .invitation-art:after{background:linear-gradient(0deg,#111,transparent 35%),linear-gradient(90deg,#11111166,transparent 70%)}}
.invitation-security{margin:10px 0 0;color:#ab9b91;font-size:10px;line-height:1.6;max-width:460px}
.invitation-content .auth-error{max-width:480px;background:#241115ed;color:#ffd6cc;margin-top:18px;border-color:#e06665}
@media(min-width:1700px){.invitation-content h1{margin-top:76px}.invitation-content{padding-top:66px}.invitation-restriction{margin-top:90px}}
@media(min-width:761px) and (max-width:1100px){.invitation-content{width:58%;padding-left:32px}.invitation-content h1{font-size:5.4vw;letter-spacing:-1.5px}.invitation-brand{font-size:26px}.invitation-login{min-height:64px;padding:11px 17px;gap:12px}.invitation-login img{width:34px;height:34px}.invitation-art{background-position:63% center}}
@media(max-width:760px){.invitation-hero{min-height:100svh;overflow:visible}.invitation-art{position:relative;inset:auto;height:420px;z-index:0;background-position:76% center;background-size:auto 100%}.invitation-art:after{background:linear-gradient(0deg,#130b0c,transparent 35%),linear-gradient(90deg,#0b070777,transparent 70%)}.invitation-content{position:relative;width:auto;max-width:none;padding:0 24px 34px;margin-top:-16px;z-index:1}.invitation-brand{position:absolute;top:-383px;left:24px;gap:9px;font-size:22px}.invitation-brand>img{width:32px;height:43px}.invitation-brand small{font-size:9px;letter-spacing:5px;gap:7px;margin-top:5px}.invitation-brand small:before,.invitation-brand small:after{width:20px}.invitation-content h1{margin:0 0 12px;font-size:clamp(37px,8.8vw,60px);letter-spacing:-1.4px;line-height:1.07}.invitation-rule{margin:19px 0 21px;width:100%;max-width:470px}.invitation-call{font-size:29px;margin-bottom:15px}.invitation-intro{font-size:18px;line-height:1.5;margin-bottom:24px}.invitation-login{width:100%;max-width:480px;min-height:65px;padding:12px 14px;font-size:20px;gap:12px}.invitation-login img{width:33px;height:33px}.invitation-approval{font-size:15px}.invitation-restriction{margin-top:31px;font-size:15px}.invitation-security{font-size:10px}.invitation-content .auth-error{max-width:none}}
@media(max-width:400px){.invitation-content{padding-left:20px;padding-right:20px}.invitation-brand{left:20px;font-size:20px}.invitation-login{font-size:18px;gap:10px}.invitation-login img{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.invitation-hero *{animation:none;transition:none}}
.topbar .access-brand{position:static;font-size:clamp(21px,2.4vw,32px);gap:12px;flex-shrink:0}
.topbar .access-brand>img{width:42px;height:55px;object-fit:contain}
.topbar .access-brand small{font-size:10px;letter-spacing:6px;margin-top:5px;gap:9px}
.topbar .access-brand small:before,.topbar .access-brand small:after{width:25px}
@media(max-width:560px){.topbar .access-brand{font-size:20px;gap:9px}.topbar .access-brand>img{width:30px;height:40px}.topbar .access-brand small{font-size:8px;letter-spacing:4px;gap:6px}.topbar .access-brand small:before,.topbar .access-brand small:after{width:18px}.topbar .private-label{max-width:68px;text-align:right;line-height:1.5}}
:root{color-scheme:dark;--gold:#e8ba73;--muted:#b8a58c;--line:#5b4030;--green:#63dfb4;font-family:Inter,Arial,sans-serif;background:#100c0d;color:#f4e9d8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#39202566,transparent 55%),#100c0d}button,input{font:inherit}a{color:var(--gold);text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #6f4a35;background:#24191a;color:#f4d19b;cursor:pointer;border-radius:2px;text-align:center}button:hover,.button:hover{border-color:var(--gold);background:#342023}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.primary{background:linear-gradient(135deg,#8a272c,#411417);border-color:#d35c43;color:#fff0ce;box-shadow:0 0 28px #bb303522}.primary:hover{background:#a03236}.topbar{max-width:1320px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5a402444}.brand{display:flex;align-items:center;gap:14px;font-family:Cinzel,Georgia,serif;font-size:27px}.brand img{width:43px;height:48px;object-fit:cover;border:1px solid #8a5737}.brand small{display:block;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:3px}.private-label{font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}main{max-width:1264px;margin:28px auto;min-height:600px}.hero{position:relative;min-height:650px;overflow:hidden;border:1px solid #67452e;background:#130d10 url('assets/hero-sylvanas-v1.svg') center 25%/cover no-repeat;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c0dfa 0%,#100c0dba 35%,#100c0d14 70%),linear-gradient(0deg,#100c0df2,transparent 65%)}.hero-content{position:relative;width:58%;padding:64px 54px}.eyebrow{color:#d9a463;font-size:10px;letter-spacing:2.8px;text-transform:uppercase}.hero h1{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(44px,5vw,72px);line-height:1.06;margin:23px 0 0;text-shadow:0 2px 20px #000}.hero h1 span{display:block;font-size:.54em;letter-spacing:9px;color:var(--gold);margin-top:19px}.hero p{color:#d3bba0;line-height:1.8;max-width:420px;font-size:14px}.hero .primary{margin-top:24px;min-width:230px;font-family:Cinzel,Georgia,serif;font-size:18px}.hero small{display:block;color:var(--muted);font-size:11px;margin-top:15px;line-height:1.8}.screen{padding:30px 0 50px}.screen h1{font:600 clamp(30px,4vw,44px)/1.15 Cinzel,Georgia,serif;margin:11px 0 16px}.screen-head{margin-bottom:28px}.screen-head p,.panel p{color:var(--muted);font-size:14px;line-height:1.7}.panel{background:linear-gradient(135deg,#251b1c,#161114);border:1px solid var(--line);border-top:2px solid #b7824b;padding:28px}.center-panel{max-width:650px;margin:50px auto}.panel h2{font:600 24px Cinzel,Georgia,serif;color:var(--gold);margin:0 0 18px}.tag{display:inline-block;padding:6px 10px;border:1px solid #775637;color:#e1bd84;font-size:11px}.tag.green{border-color:#26846b;color:var(--green);background:#1b71541b}.tag.red{border-color:#9b3c45;color:#ff9b9b;background:#a42e3918}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.hint{font-size:11px!important;color:var(--muted);line-height:1.7}.admin-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.member-row{padding:20px 0;border-bottom:1px solid #583b30}.member-row:last-child{border-bottom:0}.member-row strong{display:block;color:var(--gold);font-size:15px;overflow-wrap:anywhere}.member-row small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.member-row .actions{margin-top:14px}.member-row button{font-size:11px;padding:9px 12px;min-height:40px}.invite-output{margin-top:20px}.invite-output label{display:block;font-size:12px;color:var(--gold);margin-bottom:10px}.invite-output input{width:100%;padding:12px;min-height:44px;background:#171214;color:#eedec5;border:1px solid #694936;border-radius:2px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#25211b;color:#f1d8ac;border:1px solid #8f693f;padding:13px 20px;max-width:calc(100% - 32px);box-shadow:0 5px 30px #000;z-index:10}.notice:empty{display:none}.auth-error{margin-top:22px;padding:13px;border-left:2px solid #dc5b61;background:#601c2433;color:#ffd0c7;font-size:12px;line-height:1.7}.no-script{max-width:650px;margin:25px auto;padding:20px;color:var(--gold)}footer{max-width:1264px;margin:28px auto;padding-bottom:22px;font-size:10px;letter-spacing:2px;color:#9d8a76}@media(max-width:900px){main,footer{margin-left:20px;margin-right:20px}.admin-grid{grid-template-columns:1fr}.hero-content{width:75%;padding:45px 32px}.hero{min-height:600px}}@media(max-width:560px){.topbar{padding:16px 20px}.brand{font-size:22px}.private-label{font-size:9px;letter-spacing:1px}.hero-content{width:100%;padding:38px 25px}.hero:before{background:linear-gradient(90deg,#100c0ded,#100c0d90),linear-gradient(0deg,#100c0df2,transparent)}.hero h1{font-size:43px}.hero h1 span{letter-spacing:6px}.hero{background-position:65% center;min-height:600px}.panel{padding:22px}.screen{padding-top:15px}.center-panel{margin:20px auto}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Private administration: scoped to preserve the welcome and access screens. */
/* Each mobile intro scene fills the phone; the desktop strip is unchanged. */
@media(max-width:760px){.invitation-welcome .invitation-hero.mobile-comic{height:100svh;height:100dvh;min-height:100svh;overflow:hidden}.invitation-welcome .invitation-hero.mobile-comic .invitation-art{position:absolute;inset:0;height:100%;width:100%;z-index:0}.invitation-welcome .invitation-hero.mobile-comic .invitation-content{position:absolute;inset:0;margin:0;visibility:hidden}.invitation-hero.mobile-comic .invitation-comic-panel{clip-path:none;opacity:0;transition:opacity .45s ease;filter:none}.invitation-hero.mobile-comic .invitation-comic-panel.is-active{opacity:1}.invitation-hero.mobile-comic .invitation-comic>path{display:none}.invitation-welcome .invitation-hero.mobile-comic .invitation-persistent-brand{z-index:4;top:max(20px,env(safe-area-inset-top));left:20px;text-shadow:0 2px 6px #000}.invitation-hero.mobile-comic .invitation-comic-bar{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:center}.invitation-hero.mobile-comic .invitation-comic-bar button{min-height:44px;font-size:13px;flex:1}.invitation-welcome .invitation-hero.mobile-comic .invitation-art:after{background:linear-gradient(180deg,#0008,transparent 22%,transparent 78%,#0008)}}
.admin-access .member-row button{font-size:14px;line-height:1.5}.admin-access .member-row small{font-size:13px;line-height:1.6}.admin-access .hint{font-size:13px!important;line-height:1.6}
.admin-access .admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}.admin-access #members-panel{display:contents}.admin-access .admin-grid>.panel,.admin-access #members-panel>.panel{min-width:0;overflow-wrap:anywhere}.admin-access .admin-grid .pending-requests{margin-bottom:0;padding:28px}.admin-access .pending-heading{align-items:flex-start}.admin-access .pending-heading h2{margin-bottom:0}.admin-access .admin-grid button{max-width:100%;white-space:normal}.admin-access .admin-grid .panel h2{font-size:22px;line-height:1.3}@media(max-width:1100px){.admin-access .admin-grid{grid-template-columns:1fr}}@media(max-width:560px){.admin-access .admin-grid .pending-requests{padding:18px}}
body.admin-access{background:#111;color:#eee;font-family:Verdana,Tahoma,sans-serif;--gold:#ffd100;--muted:#bbb;--line:#3b3b3b}
.admin-access .screen{padding-top:20px}.admin-access .screen-head{max-width:880px}.admin-access .screen h1{font-family:Georgia,serif;color:#f1d98b}.admin-access .eyebrow{color:#d6bb72}
.admin-access .panel{background:#1b1b1b;border:1px solid #383838;border-top:2px solid #b69b50}.admin-access .panel h2{color:#e5cb82;font-family:Georgia,serif}.admin-access .panel p,.admin-access .screen-head p{color:#bbb}
.admin-access button,.admin-access .button{background:#272727;border:1px solid #505050;color:#eee}.admin-access button:hover,.admin-access .button:hover{background:#343434;border-color:#d7bd70}.admin-access .primary{background:#dbc477;color:#151515;border-color:#f0d78c;box-shadow:none}.admin-access .primary:hover{background:#f0da92}
.admin-access .pending-requests{padding:20px;border:1px solid #b69b50;background:#29261c;margin-bottom:28px}.admin-access .pending-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-access h3{font-size:18px;line-height:1.4;color:#f0d78c;margin:0 0 12px}.admin-access .pending-count{display:grid;place-items:center;min-width:38px;min-height:38px;background:#222;border:1px solid #655d40;color:#ddd;font-size:22px;font-weight:bold;flex-shrink:0}.admin-access .pending-count.has-requests{background:#e5cc7c;color:#181818;border-color:#fce4a0}
.admin-access .member-row{border-color:#414141;padding:18px 0}.admin-access .member-row strong{color:#eee;font-size:16px}.admin-access .member-row small{color:#bbb}.admin-access .member-pending .actions{margin-top:12px}.admin-access .member-management{margin-top:18px}.admin-access .member-management summary{cursor:pointer;min-height:44px;padding:11px 0;color:#d6c58e}.admin-access .member-management summary:focus-visible{outline:2px solid #e5cc7c;outline-offset:3px}.admin-access .member-management .actions{margin-top:12px}
.admin-access .member-danger{border-top:1px solid #6e4242;margin-top:22px;padding-top:18px}.admin-access .member-danger p{color:#f0a6a6;font-weight:bold}.admin-access .member-danger .danger-button{margin-top:14px}.admin-access .danger-button{background:#311e1e;color:#ffd1d1;border-color:#a25e5e}.admin-access .danger-button:hover{background:#492828;border-color:#eaa1a1}
.admin-access #revoke-dialog{color:#eee;background:#1d1d1d;border:1px solid #d5b96b;padding:28px;max-width:560px;width:calc(100% - 32px)}.admin-access #revoke-dialog::backdrop{background:#000c}.admin-access #revoke-dialog h2{font:600 24px/1.3 Georgia,serif;color:#efd88d;margin:0 0 18px}.admin-access #revoke-dialog p{line-height:1.6;overflow-wrap:anywhere}.admin-access #revoke-description{font-weight:bold;color:#fff}.admin-access .invite-output input{background:#111;border-color:#555;color:#eee}.admin-access .notice{background:#252525;color:#eee;border-color:#d5b96b}
@media(max-width:560px){.admin-access .panel{padding:18px}.admin-access .pending-requests{padding:14px}.admin-access .pending-heading h3{font-size:16px}.admin-access .member-row .actions button{max-width:100%;white-space:normal}.admin-access #revoke-dialog{padding:22px}.admin-access #revoke-dialog .actions{align-items:stretch;flex-direction:column}.admin-access .screen-head .tag{white-space:normal;line-height:1.6}.admin-access .member-management .hint{overflow-wrap:anywhere}}
[data-guild-role="owner"]{--guild-rank-color:#f1cf72}
.member-row[data-member-role="owner"]{background:rgba(241,207,114,.075);border-color:rgba(241,207,114,.38)}
.member-row[data-member-role="officer"]{background:rgba(198,160,255,.075);border-color:rgba(198,160,255,.38)}
.member-row[data-member-role="raid_lead"]{background:rgba(113,215,217,.075);border-color:rgba(113,215,217,.38)}
.member-row[data-member-role="owner"] .member-identity>strong{color:#f1cf72}
.member-row[data-member-role="officer"] .member-identity>strong{color:#c6a0ff}
.member-row[data-member-role="raid_lead"] .member-identity>strong{color:#71d7d9}
.admin-access .member-row[data-member-role]{margin:14px 0;padding:18px 16px;border:2px solid #555;border-radius:4px;min-width:0}
.admin-access .member-row[data-member-role="owner"]{--member-neon:#ffe078;--member-glow:255,224,120}
.admin-access .member-row[data-member-role="officer"]{--member-neon:#d49aff;--member-glow:212,154,255}
.admin-access .member-row[data-member-role="raid_lead"]{--member-neon:#53f6e8;--member-glow:83,246,232}
.admin-access .member-row:is([data-member-role="owner"],[data-member-role="officer"],[data-member-role="raid_lead"]){border-color:var(--member-neon);background:rgba(var(--member-glow),.025);box-shadow:0 0 9px rgba(var(--member-glow),.14)}
.admin-access .member-row:is([data-member-role="owner"],[data-member-role="officer"],[data-member-role="raid_lead"]) .member-identity>strong{color:var(--member-neon)}
@media(max-width:560px){.admin-access .member-row[data-member-role]{padding:16px 12px}}
[data-guild-role="officer"]{--guild-rank-color:#c6a0ff}
[data-guild-role="raid_lead"]{--guild-rank-color:#71d7d9}
[data-guild-role="member"]{--guild-rank-color:#b7bbc4}
body .tag[data-guild-role],body .screen [data-guild-role]{color:var(--guild-rank-color);border-color:var(--guild-rank-color);font-weight:600}