:root{color-scheme:dark;--bg:#10121d;--panel:#1b1e2b;--ink:#f4f1ea;--muted:#b3b0c1;--gold:#dfc18b;--line:#3b394c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Tahoma,"Segoe UI",sans-serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.topline{display:flex;justify-content:space-between;gap:16px;padding:12px 4vw;background:#090c13;color:#a9aaba;font-size:10px;letter-spacing:1.5px}.topline span:last-child{letter-spacing:0;color:#c7d5ac}.member-shell{width:min(1160px,92%);margin:56px auto 64px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px #0004}.member-story{min-height:585px;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;position:relative;isolation:isolate;background:url('/portal/hero-ragnarok-v572.png') 58% center/cover}.member-story:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1021fa 0%,#0b1021b8 45%,#0b102126 100%);z-index:-1}.eyebrow{color:var(--gold);font:11px "Segoe UI",sans-serif;letter-spacing:2.5px;margin:0 0 15px}.member-story h1{font:clamp(38px,4.4vw,64px)/1.1 Georgia,serif;margin:0 0 20px}.member-story h1 span{color:var(--gold)}.member-story h2{font-size:24px;font-weight:500;margin:0 0 16px}.member-story p:not(.eyebrow){line-height:1.9;color:#ded9e5;margin:0 0 26px;max-width:390px}.member-tags{display:flex;flex-wrap:wrap;gap:10px;color:#e2d6c2;font:11px "Segoe UI",sans-serif;letter-spacing:1px}.member-tags span{border:1px solid #c6ad7c60;padding:8px 10px;background:#10121d45}.member-panel{padding:44px 40px;align-self:center;min-width:0}.member-panel h2{font-size:29px;font-weight:600;margin:0 0 12px}.member-lead{color:var(--muted);line-height:1.8;margin:0 0 28px}.member-panel label{display:block;margin:20px 0 9px;color:#e1dce8}.member-panel input{display:block;width:100%;min-height:49px;padding:12px 14px;border:1px solid #5c566c;background:#111522;color:var(--ink);border-radius:5px}.member-panel button,.member-play{display:block;width:100%;min-height:49px;padding:13px 18px;border:1px solid #e4cb9c;border-radius:5px;background:linear-gradient(110deg,#c4a064,#eddaad);color:#241e28;font-weight:700;text-align:center;cursor:pointer}.member-panel form button{margin-top:26px}.member-panel button:hover,.member-play:hover{filter:brightness(1.07);text-decoration:none}.member-panel button:disabled{opacity:.6;cursor:wait}.member-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 0;line-height:1.8;font-size:13px}.member-links a{font-weight:500}.member-links span{color:#625c73}#feedback{color:#f1d59e;line-height:1.8;margin:20px 0 0;overflow-wrap:anywhere}#feedback:empty{display:none}.member-payment{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.member-payment h3{margin:0 0 8px;font-size:14px;font-weight:500;color:#dcd3e7}.member-payment p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}#account{padding:16px 0 0}#account h2{font-size:23px;line-height:1.6;overflow-wrap:anywhere}#account p{line-height:1.8;color:var(--muted)}#account #logout{background:transparent;color:var(--gold);border-color:#77664b;margin-top:12px}.member-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;width:min(1160px,92%);margin:0 auto 30px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}@media(max-width:850px){.member-shell{grid-template-columns:1fr;max-width:600px;margin-top:26px}.member-story{min-height:280px;padding:30px;background-position:center 36%}.member-story h1{font-size:45px}.member-story h2{font-size:22px}.member-story p:not(.eyebrow){margin-bottom:18px}.member-panel{padding:32px}.topline span:first-child{font-size:9px;letter-spacing:.7px}}@media(max-width:420px){.member-shell{width:92%;margin-bottom:36px}.member-story{padding:26px 22px;min-height:260px}.member-panel{padding:28px 22px}.member-panel h2{font-size:26px}.topline{padding:10px 4vw}.topline span:first-child{max-width:190px;line-height:1.5}.member-tags{font-size:9px;gap:7px}.member-tags span{padding:7px}.member-story h1{font-size:40px}.member-story h2{font-size:20px}.member-story p:not(.eyebrow){font-size:13px}.member-footer{line-height:1.8}}

/* Playserver1288: visible before and after Member login, outside auth blocks. */
.member-vote{margin-top:26px;padding:20px;border:1px solid #dfc18b55;border-radius:6px;background:#111522}.member-vote h3{margin:0 0 10px;color:#dfc18b;font-size:17px;line-height:1.6}.member-vote .vote-copy{font-size:13px;margin:0 0 15px}.member-vote .vote-button{display:flex;width:100%;font-size:13px}.member-vote .vote-note{margin:12px 0 0}.vote-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;padding:13px 19px;min-height:48px;border:1px solid #dfc18b;border-radius:5px;background:linear-gradient(110deg,#c4a064,#eddaad);color:#241e28;font-weight:700;text-align:center;text-decoration:none;line-height:1.6}.vote-button:hover{filter:brightness(1.07);text-decoration:none}.vote-button:focus-visible{outline:3px solid #dfc18b;outline-offset:5px}.vote-copy{line-height:1.85;color:#c6c2d0}.vote-note{font-size:12px;color:#b3b0c1;line-height:1.8}

#admin-panel[hidden],#admin-toggle[hidden]{display:none!important}
.member-shell:has(#admin-panel:not([hidden])){grid-template-columns:1fr;max-width:1160px}
.member-shell:has(#admin-panel:not([hidden])) .member-story{display:none}
.member-panel:has(#admin-panel:not([hidden])){max-width:none;width:100%;box-sizing:border-box}
#admin-panel{margin-top:28px;padding-top:26px;border-top:1px solid #bfa26955;text-align:left;color:#e9e4f2}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-head h2{margin:3px 0 10px}.admin-eyebrow{color:#d9b86c;font-size:11px;letter-spacing:.18em;margin:0}.admin-hint{font-size:13px;line-height:1.8;color:#bfb5d3}#admin-toggle{margin:12px 0}
.admin-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:20px 0}.admin-totals>div{background:#ffffff06;border:1px solid #bfa26933;border-radius:12px;padding:16px}.admin-totals strong{display:block;font-size:27px;color:#e8c782}.admin-totals span{display:block;font-size:12px;color:#c7bfd5}
#admin-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}#admin-filters label{display:grid;gap:7px;font-size:13px}#admin-filters input,#admin-filters select{padding:10px;border-radius:8px;border:1px solid #a48c6055;background:#191326;color:#f2ebff;max-width:100%;box-sizing:border-box}#admin-panel button,#admin-toggle{background:#30233e;color:#f0d89c;border:1px solid #b99a5c88;border-radius:8px;padding:10px 15px;cursor:pointer}#admin-panel button:disabled{opacity:.45;cursor:default}
.admin-table-wrap{overflow:auto;border:1px solid #bfa26933;border-radius:12px}.admin-table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}.admin-table th{background:#281c36;color:#e2c990;text-align:left;white-space:nowrap}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #ffffff0c}.admin-table td:first-child{font-weight:600;color:#efe6ff}.admin-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px}#admin-status{font-size:13px;color:#bdb2cc}
#admin-panel button{width:auto}#admin-filters{display:flex}
@media(max-width:600px){.admin-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pages{flex-wrap:wrap}.admin-head{align-items:start}#admin-filters label{width:100%}#admin-filters input,#admin-filters select{width:100%}}