:root{
  color-scheme:light dark;
  --bg:#f4f1e9;--bg2:#ebe5d8;--card:#fff;--card2:#faf8f2;--text:#28251f;--muted:#6b675e;
  --line:#d2cab9;--accent:#805c20;--accent-text:#fff;--danger:#9f2d2d;--success:#3e7d4f;
  --shadow:0 2px 8px #0000000d;--unit-box:54px;--unit-img:48px;--row-pad:9px;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme]),:root[data-theme="system"]{
    --bg:#1d1c19;--bg2:#181714;--card:#282621;--card2:#24221e;--text:#eee9df;--muted:#aaa397;
    --line:#4b463e;--accent:#d7ad63;--accent-text:#1c1710;--danger:#ef7777;--success:#7cc88c;--shadow:0 3px 14px #0004;
  }
}
:root[data-theme="dark"]{--bg:#1d1c19;--bg2:#181714;--card:#282621;--card2:#24221e;--text:#eee9df;--muted:#aaa397;--line:#4b463e;--accent:#d7ad63;--accent-text:#1c1710;--danger:#ef7777;--success:#7cc88c;--shadow:0 3px 14px #0004;color-scheme:dark}
:root[data-theme="light"]{--bg:#f4f1e9;--bg2:#ebe5d8;--card:#fff;--card2:#faf8f2;--text:#28251f;--muted:#6b675e;--line:#d2cab9;--accent:#805c20;--accent-text:#fff;--danger:#9f2d2d;--success:#3e7d4f;--shadow:0 2px 8px #0000000d;color-scheme:light}
:root[data-theme="parchment"]{--bg:#e9dcc0;--bg2:#d9c79f;--card:#f7edd6;--card2:#efe0be;--text:#352819;--muted:#776449;--line:#b69a68;--accent:#8b541f;--accent-text:#fff7e7;--danger:#963c2f;--success:#477647;--shadow:0 3px 10px #56310e1f;color-scheme:light}
:root[data-theme="midnight"]{--bg:#10141c;--bg2:#0b0f16;--card:#181e29;--card2:#141a24;--text:#e8edf5;--muted:#97a4b8;--line:#344155;--accent:#7fa8e8;--accent-text:#0a1423;--danger:#f17878;--success:#75c68d;--shadow:0 4px 18px #0008;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding:24px}
.top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.top h1{margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0;box-shadow:var(--shadow)}
h1,h2,h3{margin:.2em 0 .7em}a{color:var(--accent)}button,.btn,input,select{font:inherit}
button,.btn{display:inline-block;border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;text-decoration:none;transition:border-color .15s,transform .15s,background .15s}
button:hover,.btn:hover{border-color:var(--accent)}button:active,.btn:active{transform:translateY(1px)}
.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.danger{background:var(--danger);color:#fff;border-color:var(--danger)}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filters select[name="sort"]{min-width:120px}.filters select[name="dir"]{min-width:150px}.filters label{display:grid;gap:4px}.filters input,.filters select{padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text)}
.filter-card{transition:box-shadow .2s,background .2s}.sticky-filters .filter-card{position:sticky;top:8px;z-index:20;box-shadow:0 6px 22px #0003}
table{width:100%;border-collapse:collapse}th,td{padding:var(--row-pad);border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}.muted{color:var(--muted)}.small{display:block;font-size:12px;margin-top:3px}.status{padding:3px 7px;border:1px solid var(--line);border-radius:999px}.notice{border-left:4px solid var(--accent);padding-left:12px}.error{border-left:4px solid var(--danger);padding-left:12px}.success{border-left:4px solid var(--success);padding-left:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.login-message{margin:14px 0}.error-card{background:var(--card);border:1px solid var(--danger);border-left:4px solid var(--danger);border-radius:10px;padding:12px}.addon-line{margin:10px 2px 4px;font-size:14px}.hide-addon-link .addon-line{display:none}
.army{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.unit{position:relative;display:inline-block;width:var(--unit-box);height:var(--unit-box);border:1px solid var(--line);border-radius:9px;padding:2px;background:var(--card2);overflow:hidden;vertical-align:middle;transition:border-color .15s,box-shadow .15s,transform .15s}.unit-help-link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}.unit img{display:block;width:var(--unit-img);height:var(--unit-img);object-fit:contain;margin:auto}.unit-placeholder{display:grid;place-items:center;width:var(--unit-img);height:var(--unit-img);font-weight:700;color:var(--muted)}.unit-count{position:absolute;right:1px;bottom:0;min-width:19px;padding:0 4px;border-radius:6px 0 6px 0;background:rgba(0,0,0,.82);color:#fff;font:bold 13px/19px Arial,sans-serif;text-align:center;text-shadow:0 1px 1px #000;pointer-events:none}.unit:hover{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-1px)}
body[data-unit-size="compact"]{--unit-box:46px;--unit-img:40px}body[data-unit-size="normal"]{--unit-box:58px;--unit-img:52px}body[data-unit-size="large"]{--unit-box:70px;--unit-img:64px}.hide-silver .col-silver,.hide-date .col-date,.hide-combat-level .combat-level{display:none!important}body[data-density="compact"]{--row-pad:5px}body[data-density="compact"] .card{padding:12px;margin:10px 0}body[data-density="compact"] .army{gap:4px}
.settings-dialog{width:min(760px,calc(100vw - 28px));max-height:min(84vh,850px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);box-shadow:0 20px 70px #0008;overflow:auto}.settings-dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}.settings-dialog-inner{padding:20px}.settings-head{position:sticky;top:-20px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-20px -20px 4px;padding:20px;background:color-mix(in srgb,var(--card) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.settings-head h2{margin:0}.dialog-close{width:38px;height:38px;padding:0;border-radius:50%;font-size:26px;line-height:1}.settings-section{padding:17px 0;border-bottom:1px solid var(--line)}.settings-section:last-of-type{border-bottom:0}.settings-section h3{margin:0 0 12px}.settings-list{display:grid;gap:4px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:52px;padding:8px 0}.settings-row select,.privacy-form select{min-width:150px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--text)}.privacy-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.switch-row input[type="checkbox"]{width:19px;height:19px;accent-color:var(--accent)}.settings-message{padding:9px 10px;background:var(--card2);border-radius:8px}.settings-footer{display:flex;justify-content:space-between;gap:10px;padding-top:18px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(95px,1fr));gap:10px}.theme-choice{display:grid;gap:7px;padding:8px;text-align:left;background:var(--card2)}.theme-choice.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.theme-preview{display:block;height:52px;border-radius:7px;border:1px solid #7774;box-shadow:inset 0 0 0 8px var(--p-bg),inset 0 -18px 0 var(--p-card);background:linear-gradient(90deg,var(--p-accent) 0 35%,transparent 35% 100%),var(--p-bg);background-size:70% 5px,auto;background-position:8px 10px,0 0;background-repeat:no-repeat}.theme-preview-system{--p-bg:#dad7cf;--p-card:#fff;--p-accent:#805c20}.theme-preview-dark{--p-bg:#1d1c19;--p-card:#282621;--p-accent:#d7ad63}.theme-preview-light{--p-bg:#f4f1e9;--p-card:#fff;--p-accent:#805c20}.theme-preview-parchment{--p-bg:#e9dcc0;--p-card:#f7edd6;--p-accent:#8b541f}.theme-preview-midnight{--p-bg:#10141c;--p-card:#181e29;--p-accent:#7fa8e8}
.dialog-fallback-open{position:fixed;inset:8vh auto auto 50%;transform:translateX(-50%);z-index:9999;display:block}
@media(max-width:760px){.wrap{padding:14px}.grid2{grid-template-columns:1fr}table,.responsive tbody,.responsive tr,.responsive td{display:block}.responsive thead{display:none}.responsive tr{border-bottom:1px solid var(--line);padding:8px 0}.responsive td{border:0;padding:4px 0}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-dialog-inner{padding:15px}.settings-head{top:-15px;margin:-15px -15px 4px;padding:15px}.settings-row{align-items:flex-start;flex-direction:column;gap:7px}.settings-row select{width:100%;min-width:0}.privacy-form{width:100%}.privacy-form select{flex:1;min-width:0}.settings-footer{position:sticky;bottom:-15px;margin:0 -15px -15px;padding:12px 15px;background:var(--card);border-top:1px solid var(--line)}.sticky-filters .filter-card{top:4px}}

/* Personal event statistics */
.player-stats-link{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--accent) 55%,transparent)}.player-stats-link:hover{color:var(--accent)}
.back-link{display:inline-block;margin-bottom:7px;text-decoration:none}.stats-page .top h1{margin-top:0}.stats-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:14px 0}.stat-kpi{min-height:88px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;gap:7px}.stat-kpi span{color:var(--muted);font-size:13px}.stat-kpi b{font-size:24px;line-height:1.05}.stat-kpi-with-icon img{width:28px;height:28px;object-fit:contain;align-self:flex-start}.stats-section h2{margin-bottom:13px}.stats-collapsible{padding-top:0}.stats-section-summary{display:flex;align-items:center;gap:10px;min-height:54px;margin:0;padding:14px 0;cursor:pointer;list-style:none;user-select:none}.stats-section-summary::-webkit-details-marker{display:none}.stats-section-summary::before{content:"▾";flex:0 0 auto;font-size:17px;line-height:1;color:var(--muted);transition:transform .16s ease}.stats-collapsible:not([open]) .stats-section-summary::before{transform:rotate(-90deg)}.stats-section-title{font-size:20px;font-weight:700;line-height:1.2}.stats-section-total{margin-left:auto;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.stats-section-body{padding:0 0 2px}.stats-collapsible:not([open]) .stats-section-summary{padding-bottom:14px}.stats-chip-grid{display:flex;gap:8px;flex-wrap:wrap}.stats-chip{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}.stats-chip b{font-size:16px}.stats-chip span{font-weight:700;color:var(--accent)}
.reward-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.reward-card{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:68px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--card2);color:inherit;text-decoration:none;overflow:hidden}.reward-card:hover{border-color:var(--accent)}.reward-mult{position:absolute;right:4px;top:4px;padding:1px 5px;border-radius:999px;background:var(--accent);color:var(--accent-text);font:bold 11px/18px Arial,sans-serif}.reward-count{position:absolute;right:2px;bottom:2px;z-index:5;padding:1px 5px;border-radius:7px;background:rgba(0,0,0,.82);color:#fff;font:bold 12px/18px Arial,sans-serif;text-shadow:0 1px 1px #000;white-space:nowrap}.reward-name{max-width:105px;font-size:12px;line-height:1.15;color:var(--muted)}
.stats-creature{position:relative;display:inline-block;width:58px;height:58px;flex:0 0 58px}.stats-creature-link{position:relative;display:block;width:100%;height:100%;text-decoration:none;color:inherit}.stats-creature-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.stats-creature-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:20px;font-weight:700;color:var(--muted)}.creature-artifact-card{min-width:112px}.artifact-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.artifact-stat img{width:29px;height:29px;object-fit:contain}.artifact-stat b{font-size:14px;color:var(--text)}
.stats-leader-creature{width:68px;height:56px;flex-basis:68px}.stats-leader-creature .leader-creature-bg,.stats-leader-creature .stats-creature-portrait{position:absolute;inset:0;width:68px;height:56px;object-fit:fill}.stats-leader-creature .leader-creature-bg{z-index:1}.stats-leader-creature .stats-creature-portrait{z-index:2}.leader-reward-card{min-width:82px}.item-reward-card{min-width:126px;justify-content:flex-start;padding-right:38px}.item-reward-card>img{width:52px;height:52px;object-fit:contain}.element-reward-card{min-width:140px}.other-rewards{display:grid;gap:6px}.other-rewards>div{padding:7px 9px;border-radius:8px;background:var(--card2);border:1px solid var(--line)}
@media(max-width:980px){.stats-summary-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:560px){.stats-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-kpi b{font-size:20px}.reward-card{min-height:62px}.stats-creature{width:52px;height:52px;flex-basis:52px}.stats-leader-creature{width:62px;height:51px;flex-basis:62px}.stats-leader-creature .leader-creature-bg,.stats-leader-creature .stats-creature-portrait{width:62px;height:51px}}
/* Independent event attempts */
.stats-attempts{margin-bottom:14px}.attempts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.attempts-head h2{margin:0 0 4px}.attempts-head p{margin:0;color:var(--muted)}.attempt-tabs{display:flex;flex-wrap:wrap;gap:8px}.attempt-tab{display:flex;flex-direction:column;gap:3px;min-width:150px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:inherit;text-decoration:none}.attempt-tab:hover{border-color:var(--accent)}.attempt-tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.attempt-tab span{font-weight:700}.attempt-tab small{color:var(--muted)}
@media(max-width:560px){.attempts-head{flex-direction:column}.attempt-tab{min-width:calc(50% - 4px);flex:1 1 calc(50% - 4px)}}