/* Dark walnut, brass and candlelight. Shared by every page and dialog. */
:root{color-scheme:dark;--ink:#f1e3c7;--muted:#cfb994;--gold:#f0cb79;--line:#785b37;--paper:#34271e;color:var(--ink);background:#141b13}
body{background-image:linear-gradient(#10180f66,#10170fc9),url('/images/elwynn.webp')}
header{border-color:#241811;border-bottom-color:#a77e46;box-shadow:0 6px 24px #0009,inset 0 0 0 1px #997143}
main{color:var(--ink);border-color:#241811;border-top-color:#a77e46;background:radial-gradient(ellipse at top,#71502a22,transparent 65%),repeating-linear-gradient(1deg,#bd8b4710 0,#bd8b4710 1px,transparent 1px,transparent 6px),linear-gradient(110deg,#34261d,#3e2e21 45%,#30231b);box-shadow:0 12px 40px #0009,inset 0 0 45px #160e0960}
h1,h2,h3{color:#f0d49c}h1{color:#f6d99d}a{color:#edc675}a:hover{color:#fff0b8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#f6d48c}
.quiet,.small,small,.under,.loading,.empty,.profile-heading>span,.hero-shelf span{color:var(--muted)}
button{background:linear-gradient(#715133,#49321e);border-color:#9d753c;color:#ffdf9c;text-shadow:0 1px #24160e}button:hover{background:linear-gradient(#85603b,#5a3f26)}
input,select{background:#261b14;color:#f1e2c7;border-color:#a17e4d;box-shadow:inset 0 1px 4px #100c0980}input::placeholder{color:#c5ac86;opacity:1}option{background:#2d2119;color:#f1e2c7}
.table-scroll{border-color:#987143;background:#241a1433}th{background:#211710;color:#e1bd7d;border-color:#795b36}td{border-color:#7355327a}tbody tr:hover{background:#b6853c19}.place{color:#e9c988}.place.first{color:#ffe29a;text-shadow:0 1px 4px #ba85212e}.cell-label{color:#d4b279}.date-cell,.duration-cell{color:#f2e4ca}
.notes{border-color:#8c693c}.weekly{background:linear-gradient(#473222,#2a1d16);border:1px solid #a47b42;box-shadow:inset 0 0 0 3px #302018,0 3px 8px #0003}.record>small{color:#d3b477}.record strong{color:#f5d491}.record a{color:#edc675}
.numbers{color:var(--muted);border-color:#8c693c}.numbers b{color:#f5d491}.tabs{border-color:#a98048}.tabs button{color:#d3bb92}.tabs button[aria-selected=true]{background:linear-gradient(#76532c80,#4b331f);color:#ffe1a0;border-bottom-color:#e4b95f}.tabs button:hover{background:#b5863f22}
.eyebrow{color:#d5b778}.ribbon{color:#f5d491;border-color:#97703f;background:linear-gradient(90deg,transparent,#a16c2933,transparent);text-shadow:0 1px #19120c}
.stat-tile,.comparison-card{background:radial-gradient(ellipse at top,#79542c2e,transparent),linear-gradient(120deg,#493321,#2e2018);border-color:#9f7843;box-shadow:inset 0 0 0 3px #271b13,0 4px 8px #0004}
.stat-icon{color:#d7b26c}.stat-label{color:#e0c18b}.stat-value,.comparison-card>strong{color:#ffe0a0;text-shadow:0 2px 2px #20150d}.stat-detail,.baseline,.comparison-note{color:#d2bc96}
.keepsake{background:linear-gradient(120deg,#493322,#302219);border-color:#8c683a;box-shadow:inset 0 0 0 3px #302116,0 3px 6px #0003}.keepsake strong{color:#f6d99d}.keepsake>div>span:last-child{color:#d2bc96}.keepsake .unit{color:#e5c58e}.hero-shelf article{background:linear-gradient(0deg,#9b6c2738,#2a1c1420);border-bottom-color:#be914c}.hero-shelf strong{color:#f0d49c}
.match-banner{background:radial-gradient(ellipse at top,#9c6c2c22,transparent),linear-gradient(95deg,#533820,#2c1f17);border-color:#ba8e4b;box-shadow:inset 0 0 0 3px #21160f,0 4px 10px #0005}.match-banner .eyebrow{color:#dabe86}.result-medal{background:radial-gradient(#bd8b3b5c,#45301e);border-color:#bd944d}.result-medal span{color:#ead6ad}.game-dateline b{color:#eac685}.game-dateline{color:#f1e2c7}
.trend.better{color:#a4d69a}.trend.worse{color:#f2a38c}.trend.neutral{color:#e3c58d}.comparison-card .stat-icon{opacity:.9}
.match-stories article{background:linear-gradient(120deg,#493322,#302219);border-color:#8e693b;box-shadow:inset 0 0 0 3px #302116,0 3px 6px #0003}.big-minion-story strong{color:#ffe0a0}.big-minion-story strong span,.match-stories p{color:#d2bc96}.spell-line{color:#eed6ac}
.minion{background:linear-gradient(#64442a,#2d1e16);border-color:#a47b43}.minion strong{color:#f8dfa6}.minion small{color:#dfc99f}.minion .gift{color:#eab7e5}.minion.golden{border-color:#e0b656;box-shadow:0 0 0 2px #a27d36,inset 0 0 12px #ecbb4220,0 3px 10px #0005}.card-art{background:#352418;border-color:#ba914e}
.choices .kind,.choice-options{color:#dbc296}summary{color:#e9c680}summary:hover{color:#ffedb2}.bar-list .record{background:#251a1338;border-color:#8b6739}.error{color:#ffb49d}.badge{color:#dabd87}
dialog{background:linear-gradient(120deg,#493321,#2c1e16);color:#f1e3c7;border-color:#aa8046;box-shadow:0 10px 60px #000c}dialog h2{color:#f6d99d}.close,.link-button{color:#f2cd85}.close{background:none}.link-button{background:none}.link-button:hover,.close:hover{background:none;color:#fff0b8}dialog::backdrop{background:#090f09d4}
footer{color:#e0caa3}

/* A small centre crop hides the padding baked into some CDN art assets. */
.card-art.art-frame{position:relative;display:inline-block;overflow:hidden;vertical-align:middle}
.art-frame>.art-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.16)}
.weekly-roundup{margin:30px 0 40px;padding:25px;border:2px solid #a37a42;border-radius:7px;background:linear-gradient(125deg,#51372055,#24191280);box-shadow:inset 0 0 0 3px #24180f}
.weekly-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.weekly-heading h2{font-size:34px;margin-bottom:0}.weekly-heading p{font-size:15px;color:#d1b991;margin:0}.weekly-heading .eyebrow{margin-bottom:5px}
.weekly-totals{display:flex;gap:12px 26px;flex-wrap:wrap;padding:14px 0 21px;margin-bottom:20px;border-bottom:1px solid #866238;color:#d8c4a1;font-size:16px}.weekly-totals b{color:#ffe0a0;font-size:22px;margin-right:3px}
.weekly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.weekly-card{min-width:0;padding:20px 18px;background:linear-gradient(120deg,#493321,#2b1e16);border:1px solid #997141;box-shadow:inset 0 0 0 3px #2e1e14,0 3px 7px #0003;border-radius:4px}.weekly-card h3{font-size:23px;margin:0 0 20px;line-height:1.25}.weekly-caption{font-size:14px;line-height:1.6;color:#cfb994;margin:17px 0 0}.weekly-ranking ol{list-style:none;padding:0;margin:0}.weekly-ranking li{display:flex;align-items:center;gap:10px;margin:16px 0;min-width:0}.weekly-ranking li>div{min-width:0}.weekly-ranking strong{display:block;font-size:17px;color:#f3d79d;line-height:1.35;overflow-wrap:anywhere}.weekly-ranking li>div>span{display:block;font-size:14px;color:#d2bc96;margin-top:4px}.weekly-ranking .art-frame{width:40px;height:40px;border-radius:9px;flex-shrink:0}.weekly-rank{font:19px Georgia,serif;color:#e3be78;min-width:15px;text-align:center}.weekly-ranking li:first-child .weekly-rank{color:#ffe6a4}
.weekly-record-body{display:flex;align-items:center;gap:16px;min-width:0}.weekly-record-body>div{min-width:0}.weekly-record-body .weekly-trophy-art{width:76px;height:96px;border-radius:45% 45% 7px 7px;border-width:2px;flex-shrink:0}.weekly-record-body>.stat-icon{width:58px;height:58px}.weekly-number{display:block;font:33px Georgia,serif;color:#ffe0a0;line-height:1.2;margin-bottom:9px;overflow-wrap:anywhere}.weekly-number>span{font:15px 'Segoe UI',sans-serif;color:#d6bd90}.weekly-record-body>div>b{display:block;font-size:17px;color:#edd3a1;line-height:1.4}.weekly-record-body>div>span{display:block;font-size:14px;color:#d2bc96;line-height:1.6;margin-top:7px}.weekly-record-body a{display:block;font-size:16px;line-height:1.5;margin-top:10px}
@media(max-width:1100px){.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.weekly-roundup{padding:20px 15px}.weekly-grid{grid-template-columns:minmax(0,1fr)}.weekly-heading{display:block}.weekly-heading p{margin-top:14px}.weekly-totals{gap:12px 18px}.weekly-card{padding:21px 17px}.weekly-heading h2{font-size:30px}.weekly-number{font-size:31px}}
.warband-art>.art-image,.minion-art>.art-image,.spell-art>.art-image,.feature-art>.art-image,.trophy-art>.art-image,.weekly-trophy-art>.art-image,.tribe-art>.art-image{transform:scale(1.32)}

/* A little moss, mulled wine and candlelight within the walnut palette. */
main{background:radial-gradient(ellipse at 0 0,#68744415,transparent 40%),radial-gradient(ellipse at 100% 100%,#77443a16,transparent 45%),repeating-linear-gradient(1deg,#bd8b470a 0,#bd8b470a 1px,transparent 1px,transparent 6px),linear-gradient(110deg,#34291f,#3d2e23 45%,#30251e)}
.profile-highlights .keepsake:nth-child(3n+1){background:linear-gradient(120deg,#3e412b,#2c291e);border-color:#8b8751}.profile-highlights .keepsake:nth-child(3n+2){background:linear-gradient(120deg,#4d332c,#30221e);border-color:#98704d}.weekly-ranking:nth-child(2){background:linear-gradient(120deg,#3d3e2a,#29271c);border-color:#8f8350}.weekly-record:nth-child(5){background:linear-gradient(120deg,#47342e,#2d231f)}
.player-identity,.profile-person{display:flex;align-items:center;gap:13px}.player-identity>div{min-width:0}.player-name{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.history-player{min-width:190px}.profile-person{gap:23px;min-width:0}.profile-person h1{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.profile-person .link-button{padding:4px 0;font-size:16px}
.player-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;overflow:hidden;border:2px solid #c09959;border-radius:50%;box-shadow:inset 0 0 0 2px #2c2019,0 2px 6px #0006;background:linear-gradient(135deg,#735337,#36291d);color:#ffe5af;font:20px Georgia,serif}.player-avatar>span{line-height:1}.avatar-tone-1{background:linear-gradient(135deg,#5d6743,#303323)}.avatar-tone-2{background:linear-gradient(135deg,#765046,#3c2826)}.avatar-tone-3{background:linear-gradient(135deg,#5a5264,#302934)}.player-avatar>.avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-large{width:112px;height:112px;font-size:38px;border-width:3px}.avatar-nav{width:32px;height:32px;font-size:13px;border-width:1px}#myGames{display:inline-flex;align-items:center;gap:8px}header nav{flex-wrap:wrap;justify-content:flex-end}#avatarButton{font-size:15px;background:#5a462c70}
.streak{display:inline-flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;border:1px solid;border-radius:14px;padding:3px 8px;font:16px 'Segoe UI',system-ui,sans-serif;line-height:1.3;vertical-align:middle}.streak-hot{background:#6a342c66;border-color:#b8884e;color:#ffdb96}.streak-cold{background:#28474d88;border-color:#789c9d;color:#d4f0f3}.profile-person h1 .streak{font-size:20px;padding:5px 11px}.streak-records{display:flex;flex-wrap:wrap;gap:12px 24px;padding:14px 0 22px;border-bottom:1px solid #89714470;color:#d9c8a6}.streak-records>span{font-size:17px}.streak-records b{color:#ffe0a0}.streak-records small{flex-basis:100%;font-size:14px;color:#c7b493}
#pictureSettings{width:450px}#pictureSettings h2{padding-right:20px}.avatar-current{text-align:center;margin:15px 0}.avatar-current .avatar-large{width:84px;height:84px;font-size:30px}#avatarFile{font-size:15px;padding:10px}#avatarFile::file-selector-button{background:#705334;color:#ffe0a0;border:1px solid #b18b51;border-radius:3px;padding:7px;margin-right:8px;cursor:pointer}#avatarCrop{display:block;width:256px;height:256px;max-width:100%;margin:0 auto;border-radius:50%;border:3px solid #bb9252;cursor:grab;touch-action:none}#avatarCrop:active{cursor:grabbing}#avatarCrop:focus-visible{outline:2px solid #f6d48c;outline-offset:4px}#avatarZoom{accent-color:#dcb471;padding:0;width:100%;box-shadow:none}.picture-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#pictureSettings input[type=range]{border:0;background:transparent}#pictureError{margin-top:16px}
@media(max-width:560px){.avatar-large{width:82px;height:82px;font-size:29px}.profile-person{gap:15px}.profile-person h1{font-size:31px;gap:9px}.profile-person h1 .streak{font-size:17px}.player-avatar{width:46px;height:46px}.avatar-large{width:82px;height:82px}.avatar-nav{width:29px;height:29px}.streak-records{gap:12px}.streak-records>span{font-size:16px}header nav{justify-content:flex-start;gap:13px}#pictureSettings{padding:22px 17px}#avatarCrop{width:230px;height:230px}.avatar-current .avatar-large{width:76px;height:76px}.profile-person .link-button{font-size:15px}}
.profile-person>div{min-width:0}.profile-person h1{overflow-wrap:anywhere}.player-name a{overflow-wrap:anywhere}