:root{--navy:#040a18;--navy-2:#07132e;--panel:#0d1424;--panel-2:#111b2f;--gold:#c79a45;--gold-hi:#f0d487;--gold-low:#6d4b19;--blue:#2979d2;--text:#f4f0e6;--muted:#aab3c6;--line:#263451;--danger:#e07a62;--green:#6fc39a;--shadow:0 18px 50px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{background:var(--navy);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -10%,#12336b 0,transparent 28rem),linear-gradient(180deg,#050b1b,#071126 38%,#040916);min-height:100vh}button,input,select{font:inherit}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.war-header{position:relative;min-height:170px;border-bottom:1px solid var(--gold-low);box-shadow:var(--shadow);overflow:hidden}.banner{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,21,.98) 0%,rgba(3,8,21,.58) 45%,rgba(3,8,21,.9) 100%),url('assets/war-and-order-banner.png') center/cover no-repeat;filter:saturate(.85)}.header-inner{position:relative;max-width:1440px;margin:auto;min-height:170px;padding:20px 34px;display:flex;align-items:center;gap:22px}.game-logo{width:210px;height:auto;filter:drop-shadow(0 8px 16px #000)}.hel-crest{width:82px;height:112px;object-fit:cover;border:1px solid var(--gold);box-shadow:0 0 0 4px rgba(7,19,46,.75),0 10px 24px #000}.alliance-mark{width:64px;height:72px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 17%,85% 78%,50% 100%,15% 78%,6% 17%);background:linear-gradient(145deg,var(--gold-hi),#8b5d20 62%,#4c2e0b);padding:3px}.alliance-mark:before{content:"";position:absolute}.alliance-mark span{width:56px;height:64px;display:grid;place-items:center;clip-path:inherit;background:linear-gradient(#0c2555,#07142c);font:700 20px Georgia,serif;color:var(--gold-hi);text-shadow:0 1px 3px #000}.brand-copy{border-left:1px solid rgba(240,212,135,.35);padding-left:22px}.brand-copy p,.eyebrow{margin:0;color:var(--gold-hi);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.brand-copy h1{margin:4px 0 0;font:700 2rem Georgia,serif;letter-spacing:.04em}.import-button{margin-left:auto;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(#d7ae5b,#a87529);color:#151004;font-weight:800;padding:13px 18px;border:1px solid var(--gold-hi);border-radius:4px;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 22px #0007;cursor:pointer}.import-button:hover{filter:brightness(1.12)}.import-button:focus-within{outline:3px solid var(--blue)}.import-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.dashboard-shell{max-width:1440px;margin:auto;padding:28px 34px 60px}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.toolbar>div:first-child{display:grid;gap:6px}select,input{background:#091124;border:1px solid #334260;color:var(--text);border-radius:4px;padding:10px 12px;min-height:42px}select:focus,input:focus{outline:2px solid var(--blue);outline-offset:2px}.sync-state{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:8px}.status-gem{width:8px;height:8px;rotate:45deg;background:var(--green);box-shadow:0 0 10px var(--green)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric,.event-card,.roster-section{position:relative;background:linear-gradient(145deg,rgba(17,27,47,.96),rgba(8,14,28,.98));border:1px solid #33405a;box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 35px rgba(0,0,0,.2)}.metric:before,.event-card:before,.roster-section:before{content:"";position:absolute;inset:7px;pointer-events:none;border-top:1px solid rgba(199,154,69,.22);border-left:1px solid rgba(199,154,69,.12)}.metric{min-height:145px;padding:23px 22px}.metric span{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin:10px 0 2px;font:700 2rem Georgia,serif;color:var(--gold-hi)}.metric small{color:var(--muted)}.metric-icon{position:absolute;right:20px;top:19px;color:var(--gold);font-size:1.4rem}.metric.warning strong{color:#f0a08d}
.top-five-section{margin-top:34px}.top-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.top-warrior{position:relative;min-height:132px;padding:18px 15px 15px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"rank identity" "role score";gap:12px;background:linear-gradient(145deg,rgba(19,38,72,.98),rgba(7,14,29,.98));border:1px solid #3b4f73;color:var(--text);text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.top-warrior:hover{transform:translateY(-3px);border-color:var(--gold)}.top-warrior:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.top-warrior.place-1{background:linear-gradient(145deg,rgba(94,67,20,.72),rgba(12,22,42,.98));border-color:#9f7a35}.top-rank{grid-area:rank;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-hi);font:700 1.1rem Georgia,serif}.top-identity{grid-area:identity;min-width:0}.top-identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.top-identity small,.top-score small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.top-role{grid-area:role;align-self:end}.top-role .role-icon{margin:0}.top-score{grid-area:score;align-self:end;text-align:right;font-weight:800;color:var(--gold-hi)}
.event-section{margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:4px 0 0;font:700 1.55rem Georgia,serif}.section-heading p{margin:6px 0 0;color:var(--muted)}.cadence-note span{display:inline-block;margin-left:8px;padding-left:10px;border-left:1px solid var(--gold-low);color:var(--gold-hi)}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.event-card{padding:21px 22px;min-height:148px}.event-top{display:flex;justify-content:space-between;gap:12px}.event-name{font:700 1.15rem Georgia,serif;color:var(--gold-hi)}.event-cadence{margin-top:5px;color:#8eb9ef;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.event-total{font-weight:700}.event-stats{display:flex;gap:22px;color:var(--muted);margin-top:18px}.event-stats strong{color:var(--text)}.progress{height:7px;background:#252f45;margin-top:19px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--gold));box-shadow:0 0 14px rgba(41,121,210,.7)}.empty-event{padding:26px;border:1px dashed #40506e;color:var(--muted);grid-column:1/-1;text-align:center}
.roster-section{margin-top:34px;padding:25px}.roster-heading{align-items:center}.table-controls{display:flex;gap:10px}.table-controls label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(51,64,90,.58)}th{color:var(--gold-hi);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}td{color:#dfe4ef}.numeric{text-align:right}.rank-col{width:74px}.placement{font:700 1rem Georgia,serif;color:var(--gold)}.player-name{font-weight:700;color:var(--text)}.role{display:inline-flex;align-items:center;gap:9px}.role-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--gold-low);background:radial-gradient(circle,#192949,#0a1121);transform:rotate(45deg)}.role-icon svg{width:17px;height:17px;fill:none;stroke:var(--gold-hi);stroke-width:1.7;transform:rotate(-45deg)}.role-leader .role-icon{background:radial-gradient(circle,#664518,#171107)}.status{display:inline-flex;align-items:center;gap:7px}.status:before{content:"";width:7px;height:7px;rotate:45deg;background:var(--green)}.status.missed{color:#f0a08d}.status.missed:before{background:var(--danger)}tbody tr:hover{background:rgba(41,121,210,.08)}.empty-state{padding:42px;text-align:center;color:var(--muted);display:grid;gap:6px}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;background:#12213c;border:1px solid var(--gold);color:var(--text);padding:14px 18px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.game-logo{width:150px}.brand-copy{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.top-five{grid-template-columns:repeat(2,minmax(0,1fr))}.top-warrior.place-1{grid-column:1/-1}.event-grid{grid-template-columns:1fr}.roster-heading{align-items:flex-start;gap:16px;flex-direction:column}.table-controls{width:100%}.table-controls label{flex:1}.table-controls input,.table-controls select{width:100%}}
@media(max-width:600px){.header-inner{padding:18px;min-height:150px;gap:12px}.war-header{min-height:150px}.game-logo{width:126px}.hel-crest{width:54px;height:74px}.alliance-mark{display:none}.import-button{font-size:.82rem;padding:11px}.dashboard-shell{padding:20px 16px 40px}.toolbar{align-items:start;gap:12px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:18px 15px;min-height:125px}.metric strong{font-size:1.55rem}.metric-icon{right:14px;top:14px}.top-five{grid-template-columns:1fr}.top-warrior.place-1{grid-column:auto}.event-card{padding:18px}.roster-section{padding:18px 12px}.table-controls{flex-direction:column}.toast{left:16px;right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast{transition:none}}
.player-name{text-decoration:none}.player-name:hover{color:var(--gold-hi);text-decoration:underline;text-underline-offset:4px}.back-link{display:inline-flex;color:var(--gold-hi);text-decoration:none;margin-bottom:24px}.back-link:hover{text-decoration:underline}.player-hero{position:relative;display:flex;align-items:center;gap:22px;padding:30px;background:linear-gradient(110deg,rgba(13,27,57,.97),rgba(8,14,28,.94)),url('assets/war-and-order-banner.png') center/cover;border:1px solid var(--gold-low);box-shadow:var(--shadow)}.player-hero h2{font:700 2.2rem Georgia,serif;margin:4px 0;color:var(--gold-hi)}.player-hero p{margin:0;color:var(--muted)}.player-crest{width:86px;height:86px;display:grid;place-items:center;background:radial-gradient(circle,#183866,#080f20);border:2px solid var(--gold);transform:rotate(45deg)}.player-crest .role-icon{width:58px;height:58px;border:0;background:transparent}.player-crest .role-icon svg{width:38px;height:38px}.player-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.player-metrics article{background:linear-gradient(145deg,var(--panel-2),var(--panel));border:1px solid #33405a;padding:21px}.player-metrics span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.player-metrics strong{display:block;color:var(--gold-hi);font:700 1.55rem Georgia,serif;margin-top:9px}.history-panel{margin-top:28px;background:linear-gradient(145deg,rgba(17,27,47,.96),rgba(8,14,28,.98));border:1px solid #33405a;padding:25px}.player-page[hidden],#dashboardPage[hidden]{display:none}@media(max-width:760px){.player-metrics{grid-template-columns:1fr 1fr}.player-hero{padding:22px}.player-crest{width:66px;height:66px}.player-hero h2{font-size:1.7rem}}

/* Multi-alliance landing page */
.site-brand{display:flex;align-items:center;gap:22px;color:var(--text);text-decoration:none;min-width:0}.header-link{margin-left:auto;color:var(--gold-hi);font-weight:800;text-decoration:none;border:1px solid rgba(199,154,69,.5);background:rgba(4,10,24,.78);padding:12px 16px}.header-link+.header-link{margin-left:0}.header-link:hover{border-color:var(--gold-hi);background:#0d1d39}.header-link+.import-button{margin-left:0}.landing-page[hidden]{display:none}.landing-intro{position:relative;min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:44px 48px;overflow:hidden;background:linear-gradient(105deg,rgba(5,15,35,.98),rgba(10,31,64,.89)),url('assets/war-and-order-banner.png') center/cover;border:1px solid var(--gold-low);box-shadow:var(--shadow)}.landing-intro:after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid rgba(240,212,135,.16)}.landing-intro>div,.landing-intro>button,.landing-intro>a{position:relative;z-index:1}.landing-intro h2{max-width:760px;margin:10px 0 12px;font:700 clamp(2rem,4vw,3.6rem)/1.05 Georgia,serif;color:var(--gold-hi);text-shadow:0 3px 14px #000}.landing-intro p{max-width:680px;margin:0;color:#d5dceb;font-size:1.05rem;line-height:1.7}.primary-action{border:1px solid var(--gold-hi);border-radius:4px;padding:14px 19px;background:linear-gradient(#d7ae5b,#a87529);color:#151004;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.35),0 10px 24px #0007}.button-link{display:inline-flex;text-decoration:none}.primary-action:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-action:focus-visible,.icon-button:focus-visible,.alliance-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.landing-heading{display:flex;align-items:end;justify-content:space-between;margin:38px 0 15px}.landing-heading h2{margin:5px 0 0;font:700 1.75rem Georgia,serif}.directory-count{color:var(--muted)}.alliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.alliance-card{position:relative;min-height:205px;display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px;color:var(--text);text-decoration:none;background:linear-gradient(145deg,rgba(18,34,63,.98),rgba(7,14,29,.99));border:1px solid #354768;box-shadow:0 14px 34px rgba(0,0,0,.22);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.alliance-card:before{content:"";position:absolute;inset:7px;pointer-events:none;border-top:1px solid rgba(199,154,69,.24);border-left:1px solid rgba(199,154,69,.14)}.alliance-card:hover{transform:translateY(-4px);border-color:var(--gold)}.card-crest,.alliance-crest{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#173869,#081229);border:2px solid var(--gold);box-shadow:0 8px 24px #0008}.card-crest{width:80px;height:100px}.card-crest img,.alliance-crest img{width:100%;height:100%;object-fit:cover}.crest-fallback{font:700 1.25rem Georgia,serif;color:var(--gold-hi);letter-spacing:.05em}.alliance-card-copy{min-width:0}.alliance-card-copy .tag{color:var(--gold-hi);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.alliance-card-copy h3{margin:7px 0 14px;font:700 1.3rem Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alliance-card-copy p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.alliance-card-score{text-align:right}.alliance-card-score strong{display:block;color:var(--gold-hi);font:700 1.35rem Georgia,serif}.alliance-card-score small{display:block;margin-top:5px;color:var(--muted)}.open-arrow{position:absolute;right:18px;bottom:14px;color:var(--gold);font-size:1.4rem}.alliance-identity{display:flex;align-items:center;gap:22px;margin-bottom:24px;padding:21px 25px;background:linear-gradient(105deg,rgba(13,30,59,.96),rgba(8,14,28,.96));border:1px solid var(--gold-low)}.alliance-identity h2{margin:5px 0 3px;font:700 2rem Georgia,serif;color:var(--gold-hi)}.alliance-identity p{margin:0;color:var(--muted)}.alliance-crest{width:72px;height:88px;flex:0 0 auto}.alliance-dialog{width:min(520px,calc(100% - 28px));padding:0;color:var(--text);border:1px solid var(--gold);background:linear-gradient(145deg,#111d34,#080e1c);box-shadow:0 24px 80px #000}.alliance-dialog::backdrop{background:rgba(1,4,12,.78);backdrop-filter:blur(4px)}.alliance-dialog form{display:grid;gap:18px;padding:28px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{margin:6px 0 0;font:700 1.8rem Georgia,serif;color:var(--gold-hi)}.alliance-dialog label{display:grid;gap:7px;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.alliance-dialog label span{font-size:.72rem;text-transform:none;letter-spacing:0}.alliance-dialog input{width:100%}.icon-button{border:0;background:transparent;color:var(--muted);font-size:2rem;line-height:1;cursor:pointer}.icon-button:hover{color:var(--gold-hi)}
.admin-page[hidden],.admin-lock[hidden],#adminPanel[hidden]{display:none}.admin-lock{width:min(520px,100%);margin:34px auto;padding:38px;background:linear-gradient(145deg,rgba(18,34,63,.98),rgba(7,14,29,.99));border:1px solid var(--gold-low);box-shadow:var(--shadow);text-align:center}.lock-emblem{width:68px;height:68px;margin:0 auto 22px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid var(--gold);background:radial-gradient(circle,#193d72,#081229)}.lock-emblem svg{width:34px;height:34px;transform:rotate(-45deg);fill:none;stroke:var(--gold-hi);stroke-width:1.6}.admin-lock h2,.admin-heading h2{margin:8px 0 9px;font:700 2rem Georgia,serif;color:var(--gold-hi)}.admin-lock>p,.admin-heading p,.admin-card>p{color:var(--muted);line-height:1.65}.admin-lock form{display:grid;gap:14px;margin-top:25px;text-align:left}.admin-lock label,.admin-card label{display:grid;gap:7px;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.form-error{margin:0;color:#f0a08d;text-align:center}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:26px 30px;border:1px solid var(--gold-low);background:linear-gradient(105deg,rgba(13,30,59,.96),rgba(8,14,28,.96))}.admin-heading p{margin:0}.secondary-action{border:1px solid #52627e;background:#101c33;color:var(--text);padding:12px 16px;font-weight:800;cursor:pointer}.secondary-action:hover{border-color:var(--gold);color:var(--gold-hi)}.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.admin-card{padding:26px;background:linear-gradient(145deg,rgba(17,27,47,.97),rgba(8,14,28,.99));border:1px solid #33405a;box-shadow:0 14px 35px rgba(0,0,0,.2)}.admin-card h3{margin:7px 0 18px;font:700 1.45rem Georgia,serif;color:var(--gold-hi)}.upload-zone{margin-top:18px;min-height:150px;place-items:center;align-content:center;text-align:center;border:1px dashed #5a6d90;background:rgba(8,18,39,.78);cursor:pointer}.upload-zone:hover{border-color:var(--gold);background:rgba(18,39,75,.78)}.upload-zone svg{width:34px;height:34px;margin-bottom:12px;fill:none;stroke:var(--gold-hi);stroke-width:1.7}.upload-zone strong{color:var(--text);font-size:1rem;text-transform:none;letter-spacing:0}.upload-zone span{color:var(--muted);font-size:.82rem;text-transform:none;letter-spacing:0}.admin-status{margin-top:14px;color:#9ed7b7}.activity-card{margin-top:16px}.admin-summary{display:grid;gap:8px}.admin-summary a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;color:var(--text);text-decoration:none;border:1px solid #2e3d5b;background:#0a1428}.admin-summary a:hover{border-color:var(--gold)}.admin-summary strong,.admin-summary small{display:block}.admin-summary small{margin-top:5px;color:var(--muted)}.admin-summary b{color:var(--gold-hi);white-space:nowrap}
@media(max-width:1100px){.alliance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.site-brand .brand-copy{display:block}.site-brand{gap:12px}.alliance-grid{grid-template-columns:1fr}.landing-intro{min-height:235px;padding:34px}.header-link{margin-left:auto}}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start;flex-direction:column}.admin-summary a{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.site-brand .brand-copy{display:none}.header-inner{flex-wrap:wrap}.header-link{padding:9px 11px;font-size:.8rem}.header-link+.import-button{font-size:.78rem}.landing-intro{min-height:0;display:grid;padding:30px 24px}.landing-intro h2{font-size:2.05rem}.landing-intro .primary-action{justify-self:start}.landing-heading{margin-top:28px}.alliance-card{grid-template-columns:64px minmax(0,1fr);min-height:175px;padding:20px;gap:15px}.card-crest{width:62px;height:78px}.alliance-card-score{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:7px}.alliance-card-score strong{font-size:1.1rem}.alliance-identity{padding:17px}.alliance-identity h2{font-size:1.55rem}.alliance-crest{width:58px;height:70px}.admin-lock,.admin-card,.admin-heading{padding:22px}}