:root{color-scheme:dark;--navy:#071b2d;--blue:#0b2a4a;--panel:#0e2b42;--panel2:#12394d;--gold:#ffc629;--teal:#00c2b6;--ivory:#fff5da;--muted:#a0bac7;--border:#24475b;--green:#68d6b5;--red:#ff9b9b;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071a2b;color:var(--ivory);min-height:100vh;background-image:radial-gradient(ellipse at 80% 0,#17465d44,transparent 55%)}
[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.shell{max-width:1700px;margin:auto}.mast{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,46px);border-bottom:1px solid var(--border);background:#081c30de;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.branding{display:flex;align-items:center;gap:13px}.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#f8d78c,#b98b37);color:#102d42;display:grid;place-items:center;font-size:32px;box-shadow:0 4px 20px #ffd46c28}
.branding strong{font-size:18px;letter-spacing:.11em;color:#fff7e7}.branding strong span{color:var(--gold)}.branding small{display:block;font-size:9px;color:#8cbfc9;letter-spacing:.2em;margin-top:4px;font-weight:800}
.mast-right{display:flex;align-items:center;gap:17px}.private{font-size:10px;letter-spacing:.1em;color:#b5e7d5;border:1px solid #285e58;border-radius:25px;padding:10px 12px;background:#0e393d;font-weight:800}.private i,.mini-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:100%;margin-right:6px}
.subtle,.refresh{border:1px solid #50768a;background:#16354a;color:#fff1d5;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750}
.login-wrapper{min-height:calc(100vh - 84px);display:grid;place-items:center;padding:36px 20px}.login-card{width:min(540px,100%);border:1px solid #38647b;border-radius:24px;background:linear-gradient(160deg,#103751,#091e33);padding:clamp(26px,5vw,52px);box-shadow:0 30px 90px #0007}
.login-emblem{font-size:59px;color:var(--gold);line-height:1;margin-bottom:24px}.eyebrow{letter-spacing:.17em;font-size:10px;color:#83c8c7;font-weight:850;text-transform:uppercase}
.login-card h1{font:400 clamp(38px,6vw,58px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:11px 0 18px}.login-card h1 em{color:var(--gold)}
.login-card p{line-height:1.8;color:var(--muted);font-size:14px;max-width:48ch}.login-card label{display:block;color:#efd397;font-size:11px;letter-spacing:.08em;font-weight:800;margin:24px 0 10px}
.login-card input{display:block;width:100%;padding:15px 13px;background:#0a283d;color:white;border:1px solid #709a9f;border-radius:10px;margin-bottom:11px}
.primary{border:none;background:linear-gradient(130deg,#f7d790,#f1bb51);color:#12273b;border-radius:11px;padding:14px 17px;font-weight:900;font-size:14px;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.notice,.message{color:#adcdd1;font-size:12px;line-height:1.7;margin-top:15px}.message.error{color:var(--red)}
.login-footer{border-top:1px solid #285067;display:flex;gap:12px;flex-wrap:wrap;padding-top:17px;margin-top:26px;color:#95bbc5;font-size:10px}
.app-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 84px)}
.sidebar{background:#081d31;border-right:1px solid var(--border);padding:27px 13px 23px;display:flex;flex-direction:column;gap:15px}.sidebar>.eyebrow{padding:0 16px}
.sidebar nav{display:flex;flex-direction:column;gap:5px}.navbtn{display:flex;align-items:center;gap:13px;border:none;background:transparent;color:#adc4cf;font-size:12px;font-weight:760;padding:13px 15px;border-radius:10px;text-align:left;white-space:nowrap}
.navbtn span{color:#78bac1;font-size:17px;min-width:23px;text-align:center}.navbtn:hover{background:#12334a;color:white}.navbtn.selected{background:linear-gradient(95deg,#1c5364,#12384f);color:#ffe9b1;border:1px solid #366e70}
.sidebar-footer{margin-top:auto;padding:18px 14px;border-top:1px solid var(--border);font-size:11px;color:#bfd6ce}.sidebar-footer strong{display:block;margin-bottom:5px}.sidebar-footer small{color:#7d9eab}
.main{min-width:0;padding:clamp(18px,3vw,44px)}.page-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.page-heading h1{font:400 clamp(26px,3.4vw,40px) Georgia,serif;margin:8px 0 8px}.muted{font-size:12px;color:var(--muted);line-height:1.55;margin:0}
.page-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.sync-label{font-size:10px;color:#8cb9c4}.refresh{white-space:nowrap;background:#173f4c;border-color:#6b9595;color:#ffe4ae}
.banner{border:1px solid #346c65;background:#102f3d;color:#b7e1cf;border-radius:11px;padding:12px 16px;font-size:11px;margin-bottom:21px}.banner.warn{border-color:#907048;color:#f9d49c}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.metric,.panel{background:linear-gradient(135deg,#102f46,#0c273e);border:1px solid #28495c;border-radius:14px;padding:20px;min-width:0}
.metric .label{display:block;color:#91b9c5;font-size:11px;margin-bottom:14px;font-weight:700}.metric .value{font:400 clamp(25px,3vw,36px) Georgia,serif;color:#fff1ca}.metric .hint{color:#7ebbbb;font-size:10px;margin-top:9px}
.panel{margin-bottom:17px}.panel h2{font:400 21px Georgia,serif;margin:0 0 5px}.panel>p{color:#9fbfca;font-size:12px;line-height:1.7;margin:0 0 18px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.pill{font-size:10px;border:1px solid #5e8b83;color:#a3dccd;background:#164343;padding:6px 9px;border-radius:20px;white-space:nowrap}.pill.pending{border-color:#947d4e;color:#efd09d;background:#493a24}
.two-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.mini-list{display:grid;gap:8px}
.record{border:1px solid #2f5767;border-radius:10px;padding:13px;background:#09263a;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;line-height:1.6}
.record>span:first-child{min-width:0;overflow-wrap:anywhere}.record strong{display:block;color:#ffe1a0;font-weight:800}.record small{display:block;color:#a0bdc5;font-size:10px;margin-top:3px}.record .value{white-space:nowrap;color:#c6e5d5}
.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.data-table th{text-align:left;color:#edcf8d;letter-spacing:.1em;font-size:10px;text-transform:uppercase;padding:12px;border-bottom:1px solid #456775}.data-table td{padding:13px 12px;border-bottom:1px solid #294a5d;color:#d5e5e6;vertical-align:top;overflow-wrap:anywhere}.data-table tr:hover td{background:#15384b}.table-wrap .empty{padding:22px;color:#9cb8bd}
.stat-ok{color:#76e4ad}.stat-bad{color:#ffaa9c}.stat-warn{color:#f8d18f}
.search{padding:11px 13px;background:#081f32;border:1px solid #4d7481;color:#fff1d6;border-radius:10px;width:min(400px,100%);margin:12px 0}
.area{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.chart{display:flex;gap:7px;align-items:flex-end;min-height:130px;padding:17px 0 2px;border-bottom:1px solid #365566}.chart .bar{flex:1;min-width:8px;max-width:60px;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(#63cfb6,#236b86);position:relative}.chart .bar:hover{background:linear-gradient(#f2cd7b,#9b733b)}.chart .bar small{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:8px;color:#9cbac7}
.readonly{font-size:11px;border:1px solid #8d7450;background:#3e3425;color:#f2d6a5;padding:7px 11px;border-radius:8px;display:inline-block;margin-bottom:10px}
.footer{border-top:1px solid #284556;padding:22px 0;margin-top:25px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#7e9fae;font-size:10px}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}}
@media(max-width:760px){.mast{height:70px;padding:0 15px}.branding strong{font-size:14px}.branding small{font-size:8px}.private{font-size:0;padding:10px}.private i{margin:0}.app-layout{display:block}.sidebar{padding:10px;border-right:0;border-bottom:1px solid var(--border)}.sidebar>.eyebrow,.sidebar-footer{display:none}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:4px}.navbtn{flex:0 0 auto;padding:10px 11px;font-size:11px}.navbtn span{font-size:13px;min-width:14px}.page-heading{align-items:flex-start}.main{padding:18px}.page-heading h1{font-size:29px}}
@media(max-width:500px){.cards{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric .value{font-size:26px}.page-heading{display:block}.page-actions{align-items:flex-start;flex-direction:row;margin-top:15px}.panel{padding:14px}.mast-right{gap:9px}.brand{min-width:0}.record{align-items:flex-start}}

/* Owner-only private casework. Never implies an action on player accounts. */
.hq-case{background:#0a2539;border:1px solid #3c6270;border-radius:12px;padding:16px;margin:12px 0}
.hq-case-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.hq-case-head strong{display:block;color:#ffdda0;font-size:13px}
.hq-case-head small{display:block;color:#8fb7bf;font-size:11px;margin-top:6px}
.hq-case-reason,.hq-case-excerpt{font-size:12px;color:#d2e7e0;line-height:1.65;overflow-wrap:anywhere}
.hq-case-excerpt{background:#102f47;border-radius:8px;padding:10px}
.hq-case-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,2fr);gap:13px;align-items:end;margin-top:15px}
.hq-case-form label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#acd6ce;letter-spacing:.03em}
.hq-case-form select,.hq-case-form textarea{width:100%;min-width:0;border-radius:9px;border:1px solid #5a8890;background:#09243a;color:#fff2d8;padding:10px;font-size:12px}
.hq-case-form textarea{resize:vertical;line-height:1.5}
.hq-case-actions{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hq-case-actions button{background:#1b4e53;color:#f3e1b3;border-color:#6c9c8d}
.hq-case-actions button:disabled{opacity:.5;cursor:progress}
.hq-case-help{color:#8eabb8;font-size:10px}
@media(max-width:650px){.hq-case-head{align-items:flex-start;flex-wrap:wrap}.hq-case-form{grid-template-columns:1fr}}

.hq-key-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:18px}
.hq-key-form label{display:grid;gap:7px;color:#9dd5cb;font-size:10px;letter-spacing:.08em;font-weight:800;flex:1;min-width:180px}
.hq-key-form input{margin:0;min-width:180px;width:100%}
.hq-key-form button{min-height:43px}
.hq-key-form button:disabled{opacity:.5;cursor:progress}
.hq-key-form>p{flex:0 0 100%;min-height:20px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}