@font-face{font-family:RuneScape;src:url('fonts/runescape.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#0d0a07;--panel:#17110b;--panel2:#21170e;--panel3:#2a1d11;--edge:#5b452a;--edge2:#8b6b37;--gold:#ddbd68;--gold2:#f2d98e;--text:#eadfc8;--muted:#aa9b82;--green:#91c47c;--red:#c97768;--silver:#b9c2c7;--bronze:#c48359;--dikste:#a99bb8;--bigdog:#e6ad43;--lijpste:#d94ff0;--poep:#d77878;--lomp:#f0eee8;--shadow:#000c}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -10%,#382916 0,#17100a 26rem,#0b0806 72rem);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}.wrap{width:min(1240px,calc(100% - 28px));margin:auto}a{color:inherit}button,select,input{font:inherit}.site-top{padding:12px 0 0;background:linear-gradient(#181108,#0e0a07);border-bottom:1px solid #17100a}.mast{border:1px solid #71562e;background:#120d08;box-shadow:0 7px 32px #000;position:relative}.mast-wordmark{min-height:108px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;background:radial-gradient(circle,#382617 0,#181008 68%);border-bottom:1px solid #6a512c;text-align:center}.mast-crest{width:62px;height:70px;filter:drop-shadow(0 3px 2px #000)}.mast-the{display:block;color:#b99a5e;font:700 11px Georgia,serif;letter-spacing:.34em;margin-bottom:-5px}.mast-wordmark h1{margin:0;font:400 clamp(33px,5vw,64px) RuneScape,'Trebuchet MS',sans-serif;letter-spacing:.045em;color:#e6c26a;text-shadow:0 2px #6e4217,2px 4px #000,-1px -1px #f7e7a7}.mast-subtitle{display:inline-block;margin-top:3px;padding:3px 17px;border-top:1px solid #876735;border-bottom:1px solid #876735;color:#d5c096;font:700 12px Georgia,serif;letter-spacing:.18em}.mast-motto{color:#82745e;font-size:9px;letter-spacing:.08em;margin-top:5px}.banner-frame{padding:8px;background:linear-gradient(90deg,#1e150c,#0d0906 10%,#0d0906 90%,#1e150c);text-align:center;overflow:hidden}.group-banner{display:block;width:min(1200px,100%);height:auto;margin:auto;border:1px solid #3d2f20;box-shadow:0 0 0 1px #0a0705,0 5px 18px #000;image-rendering:auto}.mast-status{display:grid;grid-template-columns:1fr .95fr 1.4fr 1.35fr;border-top:1px solid #725a35;background:linear-gradient(#21170e,#120d09)}.mast-stat{min-height:72px;padding:11px 15px;border-right:1px solid #49351f;display:flex;flex-direction:column;justify-content:center}.mast-stat:last-child{border-right:0}.mast-stat span{font:700 9px Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#a89269}.mast-stat b{display:block;color:#ead08a;font:800 17px Georgia,serif;margin:2px 0}.mast-stat small{font-size:9px;color:#81745f}.mast-stat-drop{flex-direction:row;align-items:center;gap:10px}.mast-stat-drop img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.mast-stat-value{padding:7px 14px}.mast-value-wrap{display:flex;align-items:center;gap:14px;min-width:0}.mast-value-pie{width:62px;height:62px;border-radius:50%;flex:0 0 62px;position:relative;box-shadow:0 0 0 1px #6a5030,inset 0 0 0 1px #000,0 2px 8px #0008}.mast-value-pie>i{position:absolute;inset:12px;border-radius:50%;background:#17100a;box-shadow:inset 0 0 0 1px #4a3822}.mast-value-copy{min-width:0;flex:1}.mast-value-head{display:block;margin-bottom:5px;line-height:1.05}.mast-value-head span{display:block;white-space:nowrap}.mast-value-head b{margin:2px 0 0;font-size:17px;line-height:1.1;white-space:nowrap}.mast-value-legend{display:grid;grid-template-columns:1fr 1fr;column-gap:11px;row-gap:3px;min-width:0}.mast-value-person{display:grid!important;grid-template-columns:7px minmax(0,1fr) auto;gap:5px;align-items:center;font:normal 8px Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#9f927c!important}.mast-value-person i{width:7px;height:7px;background:var(--pc);display:block}.mast-value-person em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mast-value-person strong{font-size:8px;color:#d7c28f;font-weight:700}.main-nav{position:sticky;top:0;z-index:80;background:#100b07;border-bottom:1px solid #69502e;box-shadow:0 4px 14px #000}.nav-inner{display:flex;overflow-x:auto;scrollbar-width:thin;align-items:stretch}.nav-spacer{display:none}.nav-inner>.nav-link:not(.nav-brand),.nav-inner>.nav-dropdown{flex:1 1 0;min-width:0}.nav-inner>.nav-link:not(.nav-brand){justify-content:center}.nav-inner>.nav-dropdown>.nav-trigger{width:100%;justify-content:center}.nav-brand,.nav-link{flex:0 0 auto;min-height:47px;border-right:1px solid #3d2d1b;display:flex;align-items:center;gap:8px;padding:0 14px;text-decoration:none;color:#b9aa8e;background:linear-gradient(#231a11,#15100b)}.nav-brand{width:52px;justify-content:center;padding:5px}.nav-brand img{width:31px;height:34px}.nav-link:hover,.nav-link.active{background:linear-gradient(#3a2a18,#20160d);color:#f0d995}.nav-link.active{box-shadow:inset 0 -3px #c39a4a}.nav-rune{display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;border:1px solid #69502e;background:#100b07;color:#caa755;font:bold 9px Georgia,serif}.nav-badge{font:bold 8px Arial;padding:2px 4px;background:#57401e;color:#ecd281;border:1px solid #7d6134}.nav-nemesis-preview{font:inherit;border:0;border-right:1px solid #3d2d1b;cursor:default}.nav-nemesis-preview:hover{background:linear-gradient(#231a11,#15100b);color:#b9aa8e}.data-strip{margin-top:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 9px;border:1px solid #4f3d27;background:#14100b}.data-chip{font-size:10px;color:#a79a82;border:1px solid #463823;padding:5px 8px;background:#0e0b08}.data-chip b{color:#d9c59b}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7d6f5a;margin-right:4px}.dot.ok{background:#79aa69}.dot.warn{background:#c79c4a}.dot.err{background:#b75e54}.data-actions{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}.data-actions button,.link-button,.btn{border:1px solid #665036;background:linear-gradient(#302216,#1a120c);color:#d8c49c;padding:7px 10px;cursor:pointer;text-decoration:none;font-size:10px;box-shadow:inset 0 1px #5d472b}.data-actions button:hover,.link-button:hover,.btn:hover{border-color:#a37c3e;color:#f0d58a}.api-courtesy{margin:8px 0 0;border-left:3px solid #6b5331;padding:7px 9px;background:#14100b;color:#8e826f;font-size:9.5px}.api-courtesy b{color:#bda978}.section{position:relative;margin:18px 0 24px;padding-top:17px}.section:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#6d5736 10%,#a1844d 50%,#6d5736 90%,transparent)}.section:after{content:"✦";position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#100b07;color:#a88b53;padding:0 8px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:11px}.section h2{margin:2px 0 3px;font:800 25px Georgia,serif;color:#e2c77e}.section-note{color:#9f927b;font-size:10px;max-width:880px}.eyebrow{font:800 9px Georgia,serif;letter-spacing:.16em;color:#a98f5f;text-transform:uppercase}.card{background:linear-gradient(#21180f,#15100b);border:1px solid #6b5638;box-shadow:inset 0 0 0 1px #0a0705,0 3px 12px #0007}.card-pad{padding:14px}.muted{color:var(--muted)}.grid{display:grid;gap:11px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.player-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.player-card{position:relative;overflow:hidden;padding:14px;border-top:3px solid var(--pc);background:linear-gradient(135deg,#251a10,#15100b);border-left:1px solid #655137;border-right:1px solid #655137;border-bottom:1px solid #655137}.player-card-head{display:flex;align-items:center;gap:10px}.player-portrait{width:58px;height:78px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 4px #000)}.player-card h3{margin:0;font:800 19px Georgia,serif;color:var(--pc)}.player-role{font-size:9px;color:#887c68;margin-top:2px}.player-mantra{font:italic 10px Georgia,serif;color:#c3ac79;margin:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat-box{padding:7px;border:1px solid #45351f;background:#100c08}.stat-box span{display:block;font-size:8px;color:#887b67}.stat-box b{font:800 15px Georgia,serif;color:#e7d4aa}.sidecast{margin-top:12px}.sidecast-title{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#8f816b;font:700 12px Georgia,serif}.sidecast-title:after{content:"";height:1px;flex:1;background:#3e3121}.sidecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-card{opacity:.72;filter:saturate(.72);display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px;border:1px dashed #4a3b29;background:#120e0a}.side-card:hover{opacity:.9;filter:saturate(.9)}.side-card img{width:68px;height:88px;object-fit:contain;object-position:center bottom}.side-card h3{margin:0;color:#b7aa91;font:700 16px Georgia,serif}.side-card .side-rule{font-size:9px;color:#746a5b;margin:2px 0 7px}.side-stats{display:flex;gap:12px;flex-wrap:wrap}.side-stats div span{display:block;font-size:8px;color:#756b5d}.side-stats div b{font:700 13px Georgia,serif;color:#bdb098}.side-badge{display:inline-block;margin-top:7px;padding:2px 5px;border:1px solid #4b3c29;color:#817662;font-size:8px}.table-card{overflow:hidden}.table-caption{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #4b3a25;background:#1b140d}.table-caption strong{font:700 13px Georgia,serif;color:#ddc27c}.table-caption span{font-size:9px;color:#8e826f}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:8px 9px;border-bottom:1px solid #33291c;border-right:1px solid #2a2118;text-align:right;font-size:10px}th:first-child,td:first-child{text-align:left}th{position:sticky;top:0;background:#21170e;color:#b9a77f;font:700 10px Georgia,serif;z-index:2}td:first-child{color:#d6c49e}.rank-1{background:rgba(200,159,64,.16);box-shadow:inset 3px 0 #d9b65c}.rank-2{background:rgba(173,185,194,.09);box-shadow:inset 3px 0 #aab5be}.rank-3{background:rgba(173,109,68,.11);box-shadow:inset 3px 0 #ad6d44}.rank-chip{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #6b5a3a;font-size:8px;color:#d7c08a}.metric-link{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.metric-link:hover{color:#f0d58a}.period-bar{position:static;margin:13px 0;padding:10px 12px;border:1px solid #705936;background:#1b130d;display:flex;justify-content:space-between;gap:10px;align-items:center;box-shadow:0 3px 12px #000}.period-copy strong{display:block;font:700 13px Georgia,serif;color:#e3c77c}.period-copy span{font-size:9px;color:#8f836f}.seg{display:flex;gap:4px;flex-wrap:wrap}.seg button{border:1px solid #5b452d;background:#120e0a;color:#a99a80;padding:7px 10px;cursor:pointer}.seg button.active{background:#4b351d;color:#f1d88d;border-color:#96723a}.gain-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gain-card{padding:12px;border:1px solid #5c482f;border-top:3px solid var(--pc);background:#17110b}.gain-card .name{color:var(--pc);font:700 12px Georgia,serif}.gain-card .big{font:900 25px Georgia,serif;color:#e5ca84;margin:3px 0}.gain-card small{font-size:9px;color:#8d806c}.gain-card .top{margin-top:7px;padding-top:6px;border-top:1px solid #3f3020;font-size:9px}.chart-card{padding:12px}.chart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4b3924;padding-bottom:7px;margin-bottom:7px}.chart-title{font:700 15px Georgia,serif;color:#dfc47a}.chart-sub{font-size:9px;color:#887c68}.chart{min-height:270px;overflow:hidden}.chart svg{display:block;width:100%;height:auto}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#a0927c}.legend i{display:inline-block;width:16px;height:3px;margin-right:4px;vertical-align:middle}.gim-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi{padding:11px;border:1px solid #5c482f;background:#120e0a}.kpi span{display:block;font-size:8px;color:#837664}.kpi b{display:block;margin-top:2px;font:800 19px Georgia,serif;color:#dec37a}.progress-rail{height:12px;border:1px solid #4f3e29;background:#0b0806;margin-top:7px}.progress-rail i{display:block;height:100%;background:linear-gradient(90deg,#6e9c5e,#a4d48f)}.subnav{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.subnav button{border:1px solid #5b452d;background:#120e0a;color:#a99a80;padding:7px 10px;cursor:pointer}.subnav button.active{background:#45321d;color:#efd486}.clog-panel{margin:10px 0;padding:13px}.clog-controls{display:grid;grid-template-columns:1.4fr repeat(3,minmax(120px,.55fr));gap:7px;margin-bottom:8px}.clog-controls input,.clog-controls select,.section select,.time-controls input,.time-controls select{background:#100c08;border:1px solid #5b472e;color:#d6c39b;padding:8px}.item-cell{display:flex;align-items:center;gap:7px}.item-cell img{width:33px;height:33px;object-fit:contain;image-rendering:pixelated}.owner-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 2px;opacity:.25}.owner-dot.yes{opacity:1;box-shadow:0 0 5px currentColor}.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px}.pager button{border:1px solid #5a452d;background:#16100a;color:#c1ae88;padding:7px 10px;cursor:pointer}.recent-drops{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drop-card{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:9px;border:1px solid #4c3a27;background:#120e0a}.drop-card.notable{border-color:#8b6c37;background:linear-gradient(135deg,#24190d,#120e0a)}.drop-card img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.drop-card b{font:700 11px Georgia,serif;color:#dfc77e}.drop-card small{display:block;color:#807460;font-size:8px}.time-shell{display:grid;grid-template-columns:290px 1fr;gap:12px}.time-controls{position:static;align-self:start;padding:13px}.time-controls h3{margin:0 0 8px;font:700 17px Georgia,serif;color:#dfc37a}.time-controls label{display:block;font-size:9px;color:#92856f;margin:9px 0 3px}.time-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.time-presets button,.time-go{border:1px solid #684f31;background:#21170e;color:#c9b58f;padding:7px;cursor:pointer}.time-go{width:100%;margin-top:8px;background:#47321b;color:#efd487}.time-banner{padding:10px 12px;border:1px solid #8c6b37;background:linear-gradient(90deg,#362514,#1a120b);margin-bottom:10px}.time-banner strong{font:800 16px Georgia,serif;color:#f0d58a}.time-banner span{display:block;font-size:9px;color:#988a73}.time-player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-card{padding:11px;border:1px solid #56442e;border-top:3px solid var(--pc);background:#15100b}.time-card .snap-date{font-size:8px;color:#7e7362}.time-card h3{margin:2px 0 6px;color:var(--pc);font:700 15px Georgia,serif}.time-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px}.time-metric{border:1px solid #3d3021;background:#0e0b08;padding:6px}.time-metric span{display:block;font-size:8px;color:#7e7363}.time-metric b{font:700 12px Georgia,serif}.time-metric em{display:block;font-style:normal;color:#89b977;font-size:8px;margin-top:2px}.quality{display:inline-block;padding:2px 5px;font-size:8px;border:1px solid #55442f;margin-top:6px}.quality.exact{color:#9ccb88}.quality.near{color:#d1b56b}.quality.approx{color:#d38b6f}.chronicle-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chronicle-toolbar button{border:1px solid #5c472e;background:#130f0b;color:#a99b83;padding:7px 9px;cursor:pointer}.chronicle-toolbar button.active{background:#45311b;color:#efd487}.chronicle-pager{margin:12px 0}.chronicle-pager:empty{display:none}.chronicle-pager-inner{display:flex;align-items:center;gap:10px;min-height:38px;padding:5px 7px;border:1px solid #493a27;background:#100c09}.chronicle-page-summary{color:#8f826f;font-size:9px;white-space:nowrap}.chronicle-page-list{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.chronicle-page-list button,.chronicle-page-size button{min-width:29px;height:28px;padding:0 7px;border:1px solid #4f3d28;background:#17110c;color:#a99b83;cursor:pointer;font:700 9px Georgia,serif}.chronicle-page-list button:hover,.chronicle-page-size button:hover{border-color:#8b6937;color:#e9cf8e}.chronicle-page-list button.active,.chronicle-page-size button.active{background:#45311b;border-color:#8b6937;color:#f0d995}.chronicle-page-list button:disabled{opacity:.3;cursor:default}.chronicle-page-arrow{font-size:15px!important;line-height:1}.chronicle-page-gap{display:inline-grid;place-items:center;min-width:22px;color:#766b5b;font-size:10px}.chronicle-page-size{display:flex;align-items:center;gap:3px;margin-left:auto}.chronicle-page-size>span{color:#7f7463;font-size:8px;margin-right:2px}.chronicle{position:relative;padding-left:25px}.chronicle:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(#98743a,#40321f)}.chronicle-event{position:relative;margin:0 0 8px;padding:10px 11px;border:1px solid #4a3926;background:#130f0a}.chronicle-event:before{content:"";position:absolute;left:-21px;top:16px;width:9px;height:9px;border:2px solid #ad8745;border-radius:50%;background:#110c08}.chronicle-event.side{opacity:.68}.chronicle-event.notable{border-color:#876733;background:linear-gradient(90deg,#261a0d,#130f0a)}.chronicle-event.broadcast{border-color:#b88a38;box-shadow:inset 3px 0 #d3a64d;background:linear-gradient(90deg,#30200c,#130f0a)}.chronicle-broadcast{color:#e4bd63;font-weight:700;letter-spacing:.02em}.chronicle-date{font-size:8px;color:#80735f}.chronicle-main{display:flex;gap:9px;align-items:center}.chronicle-main img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.chronicle-event h4{margin:1px 0;color:#dec27a;font:700 12px Georgia,serif}.chronicle-event p{margin:0;color:#9a8d76;font-size:9px}.chronicle-year{margin:18px 0 7px;color:#b99c60;font:800 17px Georgia,serif}.modal{position:fixed;inset:0;z-index:200;background:#000d;display:grid;place-items:center;padding:12px}.modal[hidden]{display:none}.modal-dialog{width:min(1020px,98vw);max-height:94vh;overflow:auto;padding:13px;background:#17100a;border:1px solid #86663a;box-shadow:0 20px 80px #000}.modal-head{display:flex;justify-content:space-between;gap:10px}.modal-head h2{margin:0;font:800 23px Georgia,serif;color:#e6cb83}.modal-close{border:1px solid #5f492f;background:#20160e;color:#d0bc96;padding:7px 10px;cursor:pointer}.modal-periods{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.modal-periods button{border:1px solid #56422c;background:#100c08;color:#ae9d80;padding:7px 9px}.modal-periods button.active{background:#45301b;color:#efd487}.skill-modal-chart{min-height:340px;border:1px solid #3d3020;background:#0d0a07}.notice{padding:8px 10px;border:1px solid #5c4930;background:#16100b;color:#9d9079;font-size:9px;margin:8px 0}.notice.warn{border-color:#745932;color:#ccb278}.footer{padding:18px 0 28px;border-top:1px solid #4d3b25;color:#796f60;font-size:9px}.fan-disclaimer{margin-top:7px;max-width:850px}.core-only-note{font-size:9px;color:#817662;margin:7px 0}.hidden{display:none!important}
@media(max-width:900px){.mast-status{grid-template-columns:1fr 1fr}.mast-stat:nth-child(2){border-right:0}.mast-wordmark{min-height:90px}.mast-crest{width:48px}.player-cards,.gain-cards,.time-player-grid{grid-template-columns:1fr}.grid-2,.grid-3,.gim-hero,.time-shell{grid-template-columns:1fr}.sidecast-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.recent-drops{grid-template-columns:1fr 1fr}.time-controls{position:static}.clog-controls{grid-template-columns:1fr 1fr}.period-bar{top:47px}.data-actions{width:100%;margin-left:0}}
@media(max-width:620px){body{font-size:13px}.wrap{width:min(100% - 14px,1240px)}.site-top{padding-top:6px}.mast-wordmark{gap:7px;padding:8px;min-height:78px}.mast-crest{width:35px;height:44px}.mast-wordmark h1{font-size:30px;letter-spacing:.02em}.mast-subtitle{font-size:8px;letter-spacing:.11em;padding:2px 8px}.mast-motto{display:none}.banner-frame{padding:4px;overflow:hidden}.group-banner{width:1200px;max-width:none;height:auto;position:relative;left:50%;transform:translateX(-50%)}.mast-status{grid-template-columns:1fr 1fr}.mast-stat{min-height:62px;padding:8px}.mast-stat b{font-size:14px}.mast-stat-drop img{width:29px;height:29px}.nav-link{padding:0 10px;min-height:44px;font-size:10px}.nav-spacer{min-width:8px}.nav-rune{display:none}.nav-brand{width:40px}.data-strip{overflow-x:auto;flex-wrap:nowrap}.data-chip,.data-actions>*{flex:0 0 auto}.data-actions{width:auto;flex-wrap:nowrap;margin-left:0}.api-courtesy{font-size:8px}.section h2{font-size:21px}.player-cards{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.side-card{grid-template-columns:56px 1fr}.side-card img{width:54px;height:74px}.period-bar{display:block;top:44px}.period-copy{margin-bottom:7px}.period-bar .seg{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.period-bar .seg button{padding:8px 2px}.kpi-grid{grid-template-columns:1fr 1fr}.recent-drops{grid-template-columns:1fr}.clog-controls{grid-template-columns:1fr}.time-presets{grid-template-columns:1fr 1fr}.time-metrics{grid-template-columns:1fr 1fr}.chart,.skill-modal-chart{min-width:0;overflow-x:hidden}.chart svg,.skill-modal-chart svg{min-width:0;max-width:100%}.mast-stat:nth-child(3){border-top:1px solid #49351f}.mast-stat:nth-child(4){border-top:1px solid #49351f}.chronicle{padding-left:20px}.chronicle:before{left:7px}.chronicle-event:before{left:-17px}}
@media print{.main-nav,.data-strip,.api-courtesy,.period-bar,.data-actions,.btn{display:none!important}body{background:white;color:#222}.card,.player-card,.gain-card{box-shadow:none;background:white;color:#222}.section h2{color:#222}}

/* v20 restored feature suite */
.cell-sub{display:block;color:#827662;font-size:9px;margin-top:2px}.small-value{font-size:11px!important}.metric-link{border:0;background:none;color:inherit;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#755f3f;text-underline-offset:2px}.metric-link:hover{color:#efd17e}.unknown-cell{color:#736a5b;font-style:italic}.side-kpi{opacity:.72;border-style:dashed}.panel-intro{margin:0 0 12px}.compact-head{margin-top:12px}.chart-empty{padding:85px 12px;text-align:center;color:#8f826c}.rank-4{box-shadow:inset 3px 0 #6f8c71}.rank-5{box-shadow:inset 3px 0 #765c52}.rank-4 .rank-chip{background:#26372a;border-color:#54765a;color:#a8c3a8}.rank-5 .rank-chip{background:#372925;border-color:#75594e;color:#c3a99d}.collection-shell>.subnav{margin-top:14px}.clog-controls{display:grid;grid-template-columns:minmax(220px,1fr) 190px 210px;gap:8px;margin:12px 0}.clog-controls input,.clog-controls select,#clogImportTarget{background:#17120d;color:#decda9;border:1px solid #67543a;border-radius:3px;padding:9px 10px;font:inherit}.item-cell{display:grid;grid-template-columns:38px minmax(180px,1fr);gap:8px;align-items:center}.item-cell img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px #000)}.item-cell span{min-width:0}.item-cell b{display:block}.item-cell small{display:block;color:#8d806a;font-size:9px;overflow:hidden;text-overflow:ellipsis}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}.pager button{background:#2b2116;color:#ddc48a;border:1px solid #6b573d;border-radius:3px;padding:7px 10px;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.contribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.contrib-card{background:linear-gradient(#2f2519,#17120d);border:1px solid #6a583f;border-top:3px solid var(--pc,#8b744f);padding:13px}.contrib-card.unsynced{opacity:.65;border-style:dashed}.contrib-card h3{margin:0 0 8px;color:#e6ca83}.contrib-stat{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #392f23;padding:6px 0;font-size:10px}.contrib-stat span{color:#a99b83}.contrib-stat b{text-align:right;color:#e0d0ad}.contrib-bar{height:9px;background:#0f0c09;border:1px solid #463a2b;margin:4px 0 8px}.contrib-bar i{display:block;height:100%}.overlap-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}.overlap-strip>div{background:#18130e;border:1px solid #594a36;padding:10px;text-align:center}.overlap-strip b{display:block;font:800 20px Georgia,serif;color:#e5ca84}.overlap-strip span{display:block;font-size:9px;color:#a99b82;margin-top:2px}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pair-card{background:#18130e;border:1px solid #5d4d37;padding:11px}.pair-card h4{margin:0;color:#dcc17d}.pair-big{font:800 20px Georgia,serif;color:#ead08a;margin:8px 0}.value-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}.value-member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 16px}.value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.value-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;background:#17120d;border:1px solid #493c2d}.value-row img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.value-row span{min-width:0}.value-row b,.value-row small{display:block}.value-row small{color:#8f826c;font-size:9px}.value-row strong{color:#d7bd7b;font-size:10px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-card{padding:11px;background:#19140f;border:1px solid #5c4b36}.category-card h4{margin:0;color:#dec47f;font:700 14px Georgia,serif}.category-main{font:800 20px Georgia,serif;margin:6px 0;color:#ead6a1}.mini-progress{height:7px;background:#0e0b08;border:1px solid #403528}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#81672f,#c1a154)}.category-members{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.category-members span{font-size:8px;color:#9f927d;border:1px solid #453a2c;padding:2px 4px}.chronicle-explain{margin-top:12px}.chronicle-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chronicle-guide-item{display:flex;align-items:baseline;gap:9px;padding:8px 10px;border:1px solid #493a27;background:#15100b;color:#8f826f}.chronicle-guide-item strong{flex:0 0 auto;color:#d8c07e;font:700 11px Georgia,serif}.chronicle-guide-item span{font-size:9px;line-height:1.35}.chronicle-guide-item+ .chronicle-guide-item{}@media(max-width:700px){.chronicle-guide{grid-template-columns:1fr}.chronicle-guide-item{align-items:flex-start;flex-direction:column;gap:3px}}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.goal-card{padding:12px;background:linear-gradient(#2c2318,#17120d);border:1px solid #5d4e39;border-top:3px solid var(--pc,#92794d)}.goal-card.side{opacity:.68;border-style:dashed}.goal-head{display:flex;gap:8px;align-items:center;margin-bottom:7px}.goal-head img{width:34px;height:44px;object-fit:contain}.goal-head h3{margin:0;color:#e4c980}.goal-line{border-top:1px solid #392f23;padding:7px 0}.goal-line span,.goal-line b,.goal-line small{display:block}.goal-line b{color:#e2d0a7;font-size:10px;margin-top:2px}.goal-line small{color:#847966;font-size:8px;margin-top:2px}.era-shell{background:linear-gradient(#2b2116,#17120d);border:1px solid #665239;padding:16px 12px 12px;overflow:hidden}.era-axis{margin-left:150px;position:relative;height:30px;border-bottom:1px solid #65553d}.era-axis i{position:absolute;bottom:-1px;height:7px;border-left:1px solid #77674d}.era-axis span{position:absolute;top:10px;left:0;transform:translateX(-50%);font-size:9px;color:#a8997d;white-space:nowrap}.era-lane{display:grid;grid-template-columns:138px 1fr;gap:12px;align-items:center;margin:14px 0}.era-label{display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:center}.era-label img{width:31px;height:42px;object-fit:contain}.era-label b{font:700 13px Georgia,serif;color:#e0c57f}.era-track{height:58px;position:relative;background:repeating-linear-gradient(90deg,#17130f 0,#17130f calc(10% - 1px),#443928 calc(10% - 1px),#443928 10%);border:1px solid #64543d;box-shadow:inset 0 2px 6px #000a}.era-segment{position:absolute;top:5px;height:46px;min-width:4px;overflow:hidden;padding:5px 6px;border:1px solid rgba(255,230,165,.35);background:linear-gradient(135deg,#5b5549,#332f28);color:#f2e4bd;text-shadow:1px 1px #000}.era-segment strong,.era-segment small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.era-segment strong{font-size:10px}.era-segment small{font-size:8px;opacity:.8;margin-top:3px}.era-raids{background:linear-gradient(135deg,#86443b,#4d241f)}.era-gauntlet{background:linear-gradient(135deg,#914b6b,#50263b)}.era-dt-{background:linear-gradient(135deg,#5b577e,#312e4d)}.era-slayer{background:linear-gradient(135deg,#735239,#402c1e)}.era-gwd{background:linear-gradient(135deg,#526c76,#2b3c42)}.era-wilderness{background:linear-gradient(135deg,#7d3c3c,#3e1d1d)}.era-skilling{background:linear-gradient(135deg,#47794b,#274629)}.era-general-bossing{background:linear-gradient(135deg,#765337,#402b1c)}.era-quiet-maintenance{background:linear-gradient(135deg,#35322d,#22201c);opacity:.75}.era-note{margin-left:150px;color:#91846e;font-size:9px;margin-top:4px}.quality{font-size:9px}.time-card .quality{margin-top:8px}.api-courtesy b{color:#e1c782}
@media(max-width:980px){.contribution-grid,.goal-grid,.category-grid{grid-template-columns:1fr 1fr}.value-member-grid{grid-template-columns:repeat(2,1fr)}.overlap-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.clog-controls,.contribution-grid,.goal-grid,.category-grid,.value-kpis,.value-list,.pair-grid{grid-template-columns:1fr}.value-member-grid{grid-template-columns:1fr 1fr}.overlap-strip{grid-template-columns:1fr 1fr}.era-axis{margin-left:0}.era-lane{grid-template-columns:1fr}.era-note{margin-left:0}.era-track{height:65px}.era-segment{height:53px}.collection-shell .subnav{overflow:auto;white-space:nowrap;display:flex}.collection-shell .subnav button{flex:0 0 auto}}

.era-bossing{background:linear-gradient(135deg,#765337,#402b1c)}.era-mixed{background:linear-gradient(135deg,#66537d,#342843)}.era-quiet{background:#302c25}.era-details{display:grid;gap:10px;margin-top:14px}.era-details summary,.era-method summary{cursor:pointer;padding:8px 0}.era-period{border-top:1px solid #67543a;margin-top:8px;padding:6px}.era-period summary small{display:block;color:#baad94;margin-top:5px}.era-period ul{padding-left:20px}.era-period li{margin:5px 0}.era-method{margin-top:16px}.era-method p{max-width:85ch}.era-shell{overflow-x:auto}.era-track{min-width:500px}.era-lane{min-width:650px}.era-axis{min-width:500px}

@media(max-width:620px){.chronicle-pager-inner{flex-wrap:wrap;justify-content:center}.chronicle-page-summary{width:100%;text-align:center}.chronicle-page-list{order:2;flex:1 1 100%}.chronicle-page-size{order:1;margin-left:0}.chronicle-page-list button,.chronicle-page-size button{min-width:28px}}

/* FAQ accordion */
.faq-list{display:grid;gap:8px;margin-top:10px}
.faq-item{padding:0;overflow:hidden;background:#130f0a}
.faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;cursor:pointer;user-select:none}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary h3{margin:0;color:#dcc48e;font:700 13px Georgia,serif;line-height:1.35}
.faq-item>summary:hover{background:#1a130d}
.faq-item[open]>summary{border-bottom:1px solid #463622;background:#18110c}
.faq-toggle{position:relative;width:18px;height:18px;flex:0 0 18px;border:1px solid #665137;background:#100c08}
.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;left:4px;right:4px;top:8px;height:1px;background:#c8aa68}
.faq-toggle:after{top:4px;bottom:4px;left:8px;width:1px;height:auto;right:auto;transition:transform .15s ease,opacity .15s ease}
.faq-item[open] .faq-toggle:after{opacity:0;transform:scaleY(0)}
.faq-answer{padding:12px 15px 14px}
.faq-answer .muted:first-child{margin-top:0}
.faq-answer .muted:last-child{margin-bottom:0}
@media(max-width:620px){.faq-item>summary{padding:12px}.faq-answer{padding:11px 12px 13px}.faq-item>summary h3{font-size:12px}}


/* FAQ category hierarchy + RNG Index crosslinks */
.faq-category-list{display:grid;gap:12px;margin-top:14px}
.faq-category{border:1px solid #58452d;background:#100c08;box-shadow:0 1px 0 #0008}
.faq-category>summary{list-style:none}
.faq-category>summary::-webkit-details-marker{display:none}
.faq-category-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;user-select:none;background:linear-gradient(180deg,#1d160f,#130e09)}
.faq-category-summary:hover{background:linear-gradient(180deg,#251b11,#17100a)}
.faq-category[open]>.faq-category-summary{border-bottom:1px solid #4b3925;background:linear-gradient(180deg,#261c12,#17100a)}
.faq-category-summary h2{margin:2px 0 4px;color:#ead39d;font:700 18px Georgia,serif}
.faq-category-summary p{margin:0;max-width:88ch;color:#988b77;font-size:11px;line-height:1.45}
.faq-category-summary .eyebrow{font-size:8px;letter-spacing:.12em;color:#806f55}
.faq-category-toggle{position:relative;width:22px;height:22px;flex:0 0 22px;border:1px solid #735b3b;background:#0d0906}
.faq-category-toggle:before,.faq-category-toggle:after{content:"";position:absolute;background:#d7b66d}
.faq-category-toggle:before{left:5px;right:5px;top:10px;height:1px}
.faq-category-toggle:after{top:5px;bottom:5px;left:10px;width:1px;transition:opacity .15s ease,transform .15s ease}
.faq-category[open] .faq-category-toggle:after{opacity:0;transform:scaleY(0)}
.faq-category-body{padding:10px 12px 12px;background:#0e0a07}
.faq-category-body .faq-list{margin-top:0}
.faq-category-body .faq-item{border-color:#403321;background:#120e09}
.faq-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;padding:12px;border:1px solid #665137;background:#0d0906;text-align:center}
.faq-formula span{padding:9px 8px;border:1px solid #443521;background:#181109;color:#e0c98f;font:700 13px Georgia,serif}
.faq-formula b{color:#b99551;font-size:18px}
.faq-equation{margin:12px 0;padding:10px 12px;border-left:3px solid #9b783f;background:#0c0906;overflow-x:auto}
.faq-equation code{color:#d9c08a;font-size:12px;white-space:nowrap}
.faq-mini-table{display:grid;gap:1px;margin:12px 0;border:1px solid #40321f;background:#40321f}
.faq-mini-table>div{display:grid;grid-template-columns:minmax(150px,1.2fr) 52px minmax(220px,2fr);gap:12px;align-items:center;padding:9px 11px;background:#120e09}
.faq-mini-table b{color:#ddc58f;font:700 12px Georgia,serif}
.faq-mini-table span{color:#f0d99e;font-weight:800;text-align:right}
.faq-mini-table small{color:#8f816d;line-height:1.35}
.rng-feature-callout{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:12px 0 14px;padding:16px 18px;border:1px solid #80613a;background:linear-gradient(135deg,#20170e,#120d08 62%,#1a120b)}
.rng-feature-callout span{display:block;color:#9b7a45;font-size:8px;font-weight:800;letter-spacing:.14em}
.rng-feature-callout h3{margin:3px 0 5px;color:#efd79c;font:700 20px Georgia,serif}
.rng-feature-callout p{margin:0;max-width:72ch;color:#9b8d78;font-size:11px;line-height:1.45}
.rng-index-shell>.section-head{border-bottom:1px solid #453521;padding-bottom:14px;margin-bottom:12px}
@media(max-width:700px){
 .faq-category-summary{padding:14px}
 .faq-category-summary h2{font-size:16px}
 .faq-formula{grid-template-columns:1fr}
 .faq-formula b{transform:rotate(90deg);height:12px;line-height:12px}
 .faq-mini-table>div{grid-template-columns:1fr auto}
 .faq-mini-table small{grid-column:1/-1}
 .rng-feature-callout{align-items:flex-start;flex-direction:column}
}


/* RNG FAQ is one feature with internal chapters, not many top-level categories. */
.faq-subsection{margin:14px 2px 7px;padding:8px 10px;border-left:2px solid #765a34;background:#120d08}
.faq-subsection:first-child{margin-top:2px}
.faq-subsection h3{margin:0 0 3px;color:#d8bd7e;font:700 13px Georgia,serif}
.faq-subsection p{margin:0;color:#8f816d;font-size:9.5px;line-height:1.4}
.faq-subsection+.faq-item{margin-top:0}


/* FAQ hierarchy v2: clear top-level topics, collapsible second-level RNG sections. */
.faq-category-list{gap:20px}
.faq-category{
 border:1px solid #7a5d36;
 border-top:3px solid #b78b47;
 background:#0d0906;
 box-shadow:0 4px 14px #0006;
}
.faq-category-summary{
 min-height:82px;
 padding:18px 20px;
 background:linear-gradient(180deg,#2a1d10,#17100a);
}
.faq-category-summary:hover{background:linear-gradient(180deg,#332313,#1b120b)}
.faq-category[open]>.faq-category-summary{
 border-bottom:1px solid #6b5030;
 background:linear-gradient(180deg,#342414,#1c130b);
}
.faq-category-kicker{
 display:inline-flex;
 align-items:center;
 min-height:20px;
 margin-bottom:5px;
 padding:2px 7px;
 border:1px solid #8b6a3b;
 background:#120d08;
 color:#c8a767;
 font-size:8px;
 font-weight:800;
 letter-spacing:.13em;
 text-transform:uppercase;
}
.faq-category-summary h2{
 margin:0 0 5px;
 color:#f0d79b;
 font:700 21px Georgia,serif;
}
.faq-category-summary p{
 max-width:84ch;
 color:#a7977d;
 font-size:10.5px;
}
.faq-category-toggle{
 width:28px;
 height:28px;
 flex-basis:28px;
 border-color:#9a7541;
 background:#120d08;
}
.faq-category-toggle:before{left:6px;right:6px;top:13px}
.faq-category-toggle:after{top:6px;bottom:6px;left:13px}
.faq-category-body{
 padding:13px;
 background:#0a0705;
}
.faq-category-body>.faq-list{display:grid;gap:9px;margin:0}

/* Second-level sections inside RNG Index. */
.faq-subtopic{
 margin:0;
 border:1px solid #433522;
 background:#100c08;
}
.faq-subtopic>summary{list-style:none}
.faq-subtopic>summary::-webkit-details-marker{display:none}
.faq-subtopic-summary{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 min-height:62px;
 padding:11px 13px;
 cursor:pointer;
 background:linear-gradient(180deg,#17120c,#110d09);
}
.faq-subtopic-summary:hover{background:linear-gradient(180deg,#1f170f,#140f0a)}
.faq-subtopic[open]>.faq-subtopic-summary{
 border-bottom:1px solid #3f3020;
 background:linear-gradient(180deg,#21180f,#140f0a);
}
.faq-subtopic-kicker{
 display:block;
 margin-bottom:2px;
 color:#786b58;
 font-size:7px;
 font-weight:800;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.faq-subtopic-summary h3{
 margin:0 0 2px;
 color:#d8c08a;
 font:700 13px Georgia,serif;
}
.faq-subtopic-summary p{
 margin:0;
 color:#897c68;
 font-size:9px;
 line-height:1.35;
}
.faq-subtopic-meta{
 display:flex;
 align-items:center;
 gap:9px;
 flex:0 0 auto;
 color:#746957;
 font-size:8px;
 white-space:nowrap;
}
.faq-subtopic-toggle{
 position:relative;
 display:block;
 width:18px;
 height:18px;
 border:1px solid #58462f;
 background:#0c0906;
}
.faq-subtopic-toggle:before,.faq-subtopic-toggle:after{
 content:"";
 position:absolute;
 background:#ab8c58;
}
.faq-subtopic-toggle:before{left:4px;right:4px;top:8px;height:1px}
.faq-subtopic-toggle:after{top:4px;bottom:4px;left:8px;width:1px}
.faq-subtopic[open] .faq-subtopic-toggle:after{display:none}
.faq-subtopic-body{
 padding:8px;
 background:#0b0806;
}
.faq-subtopic-body>.faq-list{
 margin:0;
 gap:6px;
}
.faq-subtopic-body .faq-item{
 border-color:#33291d;
 background:#100c08;
}
.faq-subtopic-body .faq-item>summary{
 min-height:44px;
 padding:10px 12px;
}
.faq-subtopic-body .faq-item>summary h3{
 color:#cdb889;
 font-size:11px;
}
.faq-subtopic-body .faq-answer{
 padding:11px 12px 13px;
}

/* Remove old flat subsection styling from visual hierarchy. */
.faq-subsection{display:none!important}

@media(max-width:700px){
 .faq-category-list{gap:14px}
 .faq-category-summary{min-height:0;padding:15px 14px}
 .faq-category-summary h2{font-size:18px}
 .faq-category-toggle{width:24px;height:24px;flex-basis:24px}
 .faq-category-toggle:before{top:11px}
 .faq-category-toggle:after{left:11px}
 .faq-subtopic-summary{align-items:flex-start;padding:11px}
 .faq-subtopic-meta{margin-top:2px}
 .faq-subtopic-summary p{max-width:60ch}
}


/* Wide compact full-information cards for Poep Aura and Lompste on Overview. */
.sidecast-grid{grid-template-columns:1fr}
.player-card-wide{
 display:grid;
 grid-template-columns:minmax(210px,260px) minmax(0,1fr);
 grid-template-areas:
  "head stats"
  "mantra stats"
  "clog clog";
 column-gap:12px;
 row-gap:4px;
 padding:10px 12px;
}
.player-card-wide .player-card-head{grid-area:head}
.player-card-wide .player-mantra{
 grid-area:mantra;
 margin:2px 0 0;
 align-self:start;
}
.player-card-wide .player-portrait{
 width:46px;
 height:60px;
}
.player-card-wide h3{font-size:17px}
.player-card-wide .player-role{font-size:8.5px}
.player-card-wide .stat-grid{
 grid-area:stats;
 grid-template-columns:repeat(6,minmax(0,1fr));
 gap:4px;
 align-self:stretch;
}
.player-card-wide .stat-box{
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:52px;
 padding:6px 7px;
}
.player-card-wide .stat-box span{font-size:7.5px}
.player-card-wide .stat-box b{font-size:13px}
.player-card-wide .stat-box .small-value{font-size:9.5px!important}
.player-card-wide .v22-clog-quick{
 grid-area:clog;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:4px;
 margin-top:5px;
 padding-top:7px;
}
.player-card-wide .v22-clog-quick>div{
 min-height:48px;
 padding:6px 8px;
}
.player-card-wide .v22-clog-quick span,
.player-card-wide .v22-clog-quick small{font-size:8.5px}
.player-card-wide .v22-clog-quick b{font-size:14px;margin:1px 0}
@media(max-width:900px){
 .player-card-wide{
  grid-template-columns:1fr;
  grid-template-areas:"head" "mantra" "stats" "clog";
 }
 .player-card-wide .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 .player-card-wide .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .player-card-wide .v22-clog-quick{grid-template-columns:1fr}
}


/* Five-part masthead: Collection Log trio + progression pair. */
.mast-status{
 grid-template-columns:.85fr 1.7fr 1.25fr .9fr 1.15fr;
}
.mast-stat-clog{
 background:linear-gradient(180deg,rgba(120,87,43,.08),rgba(0,0,0,0));
 box-shadow:inset 0 2px #6f5430;
}
.mast-stat-clog-end{
 border-right:2px solid #8b693a!important;
}
.mast-stat-level{
 flex-direction:row;
 align-items:center;
 gap:10px;
}
.mast-stat-level img{
 width:38px;
 height:38px;
 object-fit:cover;
 object-position:center top;
 border:1px solid #6c5130;
 background:#0d0906;
 box-shadow:0 1px 5px #0009;
}
.mast-stat-level>div{min-width:0}
.mast-stat-level b{
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
@media(max-width:1050px){
 .mast-status{grid-template-columns:1fr 1.45fr 1.2fr 1fr 1.1fr}
 .mast-value-pie{width:50px;height:50px;flex-basis:50px}
 .mast-value-pie>i{inset:10px}
 .mast-value-legend{grid-template-columns:1fr}
}
@media(max-width:900px){
 .mast-status{grid-template-columns:1fr 1fr!important}
 .mast-stat-clog-end{border-right:1px solid #49351f!important}
 .mast-stat:nth-child(odd){border-right:1px solid #49351f}
 .mast-stat:nth-child(even){border-right:0}
 .mast-stat:nth-child(n+3){border-top:1px solid #49351f}
 .mast-stat:last-child{grid-column:1/-1}
}
@media(max-width:620px){
 .mast-stat-level img{width:32px;height:32px}
}


/* Five-cell masthead: Collection Log summary, XP, recent unlock and latest level. */
.mast-status.mast-status-five{
 grid-template-columns:minmax(170px,.9fr) minmax(260px,1.35fr) minmax(155px,.78fr) minmax(225px,1.15fr) minmax(210px,1.05fr);
}
.mast-status-five .mast-stat{min-width:0}
.mast-status-five .mast-stat-clog{
 background:linear-gradient(180deg,#21170e,#160f0a);
 box-shadow:inset 0 2px #5d472b;
}
.mast-status-five .mast-stat-clog-end{
 border-right:2px solid #8f6c3a;
 box-shadow:inset 0 2px #5d472b,6px 0 12px -11px #d5a450;
}
.mast-status-five .mast-stat-value{padding:7px 10px}
.mast-status-five .mast-value-wrap{gap:9px}
.mast-status-five .mast-value-pie{width:50px;height:50px;flex-basis:50px}
.mast-status-five .mast-value-pie>i{inset:10px}
.mast-status-five .mast-value-head b{font-size:15px}
.mast-status-five .mast-value-legend{column-gap:7px;row-gap:2px}
.mast-status-five .mast-value-person{font-size:7px!important}
.mast-status-five .mast-value-person strong{font-size:7px}
.mast-status-five .mast-stat-drop{gap:8px}
.mast-status-five .mast-stat-drop img{width:34px;height:34px}
.mast-stat-level{
 flex-direction:row;
 align-items:center;
 gap:9px;
}
.mast-stat-level img{
 width:42px;
 height:54px;
 flex:0 0 42px;
 object-fit:cover;
 object-position:top center;
 border:1px solid #5e482e;
 background:#0d0906;
 box-shadow:0 2px 6px #0009;
}
.mast-stat-level>div{min-width:0}
.mast-stat-level b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){
 .mast-status.mast-status-five{grid-template-columns:1fr 1.35fr 1fr 1.15fr 1.1fr}
 .mast-status-five .mast-value-legend{display:none}
}
@media(max-width:900px){
 .mast-status.mast-status-five{grid-template-columns:1fr 1fr}
 .mast-status-five .mast-stat-clog-end{border-right:0}
 .mast-status-five .mast-stat-level{grid-column:1/-1}
 .mast-status-five .mast-value-legend{display:grid}
}
@media(max-width:620px){
 .mast-status.mast-status-five{grid-template-columns:1fr}
 .mast-status-five .mast-stat{border-right:0;border-top:1px solid #49351f}
 .mast-status-five .mast-stat:first-child{border-top:0}
 .mast-status-five .mast-stat-level{grid-column:auto}
}

/* Shared OSRS skill icon treatment. */
.skill-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain;image-rendering:auto;vertical-align:middle;filter:drop-shadow(0 1px 1px #0008)}
.metric-link-skill{display:inline-flex;align-items:center;gap:6px}
.metric-link-skill .skill-icon{width:18px;height:18px;flex-basis:18px}
.skill-heading{display:inline-flex!important;align-items:center;gap:7px}
.skill-heading>.skill-icon{width:24px;height:24px;flex-basis:24px}
.goal-line>span.skill-heading{display:flex!important}
.goal-line>span.skill-heading>.skill-icon{width:18px;height:18px;flex-basis:18px}
.chronicle-main img.chronicle-skill-icon{width:30px;height:30px;flex:0 0 30px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 2px #0008)}

/* Latest level keeps the player portrait and skill icon as separate siblings. */
.mast-stat-level .mast-level-icons{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:auto}
.mast-stat-level .mast-level-icons img{margin:0}
.mast-stat-level .mast-level-icons .mast-level-avatar{width:42px;height:54px;flex:0 0 42px;object-fit:cover;object-position:top center;border:1px solid #5e482e;background:#0d0906;box-shadow:0 2px 6px #0009}
.mast-stat-level .mast-level-icons .mast-level-skill-icon{width:27px;height:27px;flex:0 0 27px;object-fit:contain;object-position:center;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 2px #0008)}
@media(max-width:620px){
 .mast-stat-level .mast-level-icons .mast-level-avatar{width:34px;height:42px;flex-basis:34px}
 .mast-stat-level .mast-level-icons .mast-level-skill-icon{width:23px;height:23px;flex-basis:23px}
 .skill-icon{width:18px;height:18px;flex-basis:18px}
}

/* Local masthead summary icons. */
.mast-stat-iconed{flex-direction:row;align-items:center;gap:9px}
.mast-stat-iconed>div{min-width:0}
.mast-summary-icon{width:30px;height:30px;flex:0 0 30px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 2px #0009)}
.mast-clog-icon{width:31px;height:31px;flex-basis:31px}
.mast-skills-icon{width:29px;height:29px;flex-basis:29px}
.metric-with-icon{display:inline-flex;align-items:center;gap:6px}
.total-level-row{background:linear-gradient(90deg,rgba(190,145,71,.12),rgba(190,145,71,.025))}
.total-level-row>td:first-child{font-weight:700}
@media(max-width:620px){
 .mast-summary-icon{width:25px;height:25px;flex-basis:25px}
 .mast-clog-icon{width:27px;height:27px;flex-basis:27px}
}

.mast-home-link{color:inherit;text-decoration:none}.mast-home-link:focus-visible{outline:2px solid #e4c587;outline-offset:3px}.feature-beta{display:inline-block;padding:2px 5px;border:1px solid #927442;border-radius:3px;color:#e8c66f;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.overview-goal{display:block;padding:11px 12px;margin:10px 0 0;border:1px solid #665137;border-left:3px solid var(--pc,#ac8c4d);border-radius:3px;background:#18120c;color:#e2c785;text-decoration:none;overflow-wrap:anywhere}.overview-goal:hover{background:#281e12}.overview-goal:focus-visible{outline:2px solid #e4c587;outline-offset:2px}.overview-goal-head{display:flex;align-items:center;gap:7px;font-size:10px;color:#b9a687;margin-bottom:5px}.overview-goal>strong{display:block;font-size:13px;line-height:1.4}.overview-goal>small{display:block;font-size:10px;color:#b6a487;margin-top:5px}.overview-goal progress{display:block;width:100%;height:7px;margin:7px 0 0;accent-color:var(--pc,#bfa25a)}[id^="goal-"]{scroll-margin-top:16px}

/* Short dated site bulletin. */
.news-section{max-width:1000px;margin-left:auto;margin-right:auto}
.news-feed{border-top:1px solid #705638}
.news-entry{display:grid;grid-template-columns:155px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid #4f402c}
.news-entry time{color:#c6ad7a;font-size:13px;padding-top:4px}
.news-entry h3{margin:0 0 10px;font-size:21px;line-height:1.25}
.news-entry ul{margin:0;padding-left:18px;color:#cec3ae}
.news-entry li+li{margin-top:8px}
.news-entry li a{color:inherit;text-decoration:none;line-height:1.6}
.news-entry li a:hover{text-decoration:underline;color:#f1d590}
.news-entry li a:focus-visible{outline:2px solid #efd596;outline-offset:3px}
@media(max-width:700px){.news-entry{grid-template-columns:minmax(0,1fr);gap:7px;padding:20px 0}.news-entry time{padding:0}.news-entry h3{font-size:20px}}