:root{--bg:#0c1118;--card:#141c26;--line:#26303d;--text:#e8eef5;--muted:#91a0b3;--accent:#bde891;--teal:#67ccc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}aside{width:230px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 25px;background:#101721}.brand{font-weight:800;letter-spacing:2px;font-size:15px}.brand>span:last-child{display:block;font-size:10px;letter-spacing:4px;margin:5px 0 0 34px;color:var(--muted)}.mark{font-size:28px;color:var(--accent);vertical-align:middle;margin-right:7px}.label{color:#657589;font-size:9px;letter-spacing:2px;margin:55px 0 18px}aside a{display:block;padding:14px 10px;margin:6px 0;color:var(--muted);text-decoration:none;border-radius:8px;font-size:12px}aside a:hover,aside a.active{background:#202e2b;color:var(--accent)}.aside-bottom{position:absolute;bottom:35px;line-height:2;font-size:12px}.aside-bottom small{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}main{margin-left:230px;padding:0 42px;max-width:1800px}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;color:var(--muted)}a{color:var(--accent)}header a{letter-spacing:0;text-decoration:none;font-size:12px}.title{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;margin:10px 0}h1 span{color:var(--accent)}.muted{color:var(--muted);line-height:1.7}button{cursor:pointer;background:#202c38;border:1px solid #344355;color:var(--text);border-radius:7px;padding:10px 15px;font:inherit;font-size:12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}#refresh{background:var(--accent);color:#17251a;font-weight:650;border:0}.status{display:flex;align-items:center;font-size:11px;color:var(--muted);margin:24px 0}.tag{margin-left:12px;border:1px solid var(--line);padding:3px 8px;font-size:9px;letter-spacing:2px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:10px}.kpi:first-child{border-top:2px solid var(--accent)}.kpi label{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:35px;margin:12px 0 7px;letter-spacing:-1px}.kpi small{color:var(--muted);font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 17px}.section-title h2{font-size:19px;letter-spacing:-.3px;margin:0}.section-title>span{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:23px;min-width:0}.cardhead{margin-bottom:25px}.cardhead h3{margin:0 0 6px;font-size:15px}.cardhead span{font-size:11px;color:var(--muted)}.barrow{margin:13px 0}.barlabel{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.barlabel span:last-child{color:var(--muted)}.track{height:6px;background:#24303d;border-radius:6px;overflow:hidden}.fill{height:100%;background:var(--teal);border-radius:6px}.barrow:nth-child(2n) .fill{background:#94b6da}.barrow:first-child .fill{background:var(--accent)}.filters{display:flex;gap:10px;margin-bottom:19px;flex-wrap:wrap}input,select{background:#0f1720;color:var(--text);border:1px solid var(--line);padding:11px 12px;border-radius:6px;outline:none;font:inherit;font-size:12px}input:focus,select:focus{border-color:var(--accent)}#search{flex:1;min-width:220px}#min{width:130px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:1px;padding:12px 10px;background:#101923}td{padding:14px 10px;border-bottom:1px solid var(--line);font-size:12px}td:first-child{font-weight:650}td:nth-child(2){color:var(--accent)}td a{color:var(--text);text-decoration:none}td a:hover{color:var(--accent)}.pagination{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin-top:20px}.pagination button{padding:7px 10px}#page{padding:0 8px}.chart{width:100%;height:auto}.chart text{font-size:10px;fill:var(--muted)}.notes{padding:20px 0;color:var(--muted);line-height:1.8;font-size:12px}.notes b{color:var(--text)}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}section{scroll-margin-top:20px}@media(min-width:1500px){main{padding:0 65px}}@media(max-width:1000px){aside{width:190px;padding:25px 15px}main{margin-left:190px;padding:0 22px}.kpis{grid-template-columns:repeat(2,1fr)}.title{gap:20px}}@media(max-width:700px){aside{position:static;width:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}aside a,.label,.aside-bottom{display:none}.brand>span:last-child{display:inline;margin-left:8px;font-size:9px;letter-spacing:2px}main{margin:0;padding:0 16px}header{height:60px;font-size:8px}.title{align-items:flex-start;flex-direction:column;margin-top:25px}.grid{grid-template-columns:1fr}.kpis{gap:10px}.kpi{padding:16px}.kpi strong{font-size:29px}.section-title>span{display:none}article{padding:17px}.pagination{gap:10px}.pagination button{font-size:10px}footer{flex-direction:column}.status{line-height:1.5}#refresh{padding:11px 15px}}

.hour-card{margin-top:20px}.hour-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hour-head label{font-size:11px;color:var(--muted)}.hour-head select{margin-left:8px}.hour-note{font-size:11px;margin-bottom:0}.pie-layout{display:flex;align-items:center;gap:22px;min-height:210px}.pie-layout svg{width:44%;max-width:225px;flex-shrink:0}.pie-legend{flex:1;min-width:0}.pie-legend>div{display:flex;align-items:center;gap:8px;font-size:11px;margin:15px 0}.legend-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.pie-legend b{margin-left:auto;text-align:right;font-weight:500;white-space:nowrap}.pie-legend small{display:block;color:var(--muted);font-size:10px;margin-top:3px}#population .grid article:last-child{grid-column:1/-1}#population .grid article:last-child .barrow{max-width:100%}@media(max-width:700px){.hour-head{flex-direction:column;gap:0}.hour-head label{margin-bottom:15px}.hourly-chart{min-width:760px}#hourly{overflow-x:auto}.pie-layout{gap:12px}.pie-layout svg{width:42%}.kpi label{font-size:11px}}

.status[hidden]{display:none}.kpis{margin-top:25px}.brand{display:flex;align-items:center;gap:8px;letter-spacing:0}.brand>.brand-name{display:block;font-size:16px;letter-spacing:0;margin:0;color:var(--text);line-height:1.45}.brand .mark{margin:0}.period-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.period-controls label{white-space:nowrap}.period-controls input{margin-left:8px;color-scheme:dark}.pie-percent{font-size:11px;font-weight:750;fill:#0c1118;paint-order:stroke;stroke:#ffffff44;stroke-width:.5px}.pie-callout{font-size:10px;font-weight:600;fill:var(--text)}.pie-layout svg{width:50%;max-width:290px}.pie-legend{min-width:115px}@media(max-width:700px){.brand>.brand-name{font-size:17px;letter-spacing:0;margin:0}.period-controls{margin-bottom:12px;gap:8px}.hour-head label{margin-bottom:0}.pie-layout{gap:6px}.pie-layout svg{width:53%}.pie-legend>div{font-size:10px;gap:5px}}

.profile-grid{margin-top:18px}.profile-grid article{max-height:440px;overflow:auto}.profile-grid article:last-child{max-height:none}.history-metrics{display:flex;gap:24px;flex-wrap:wrap}.history-metrics strong{display:block;font-size:30px;color:var(--accent)}.history-metrics span{font-size:11px;color:var(--muted)}#created-note{font-size:11px}dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:28px;width:min(860px,94vw);max-height:90vh}dialog::backdrop{background:#050a12d9}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:25px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.detail-grid>div{padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.detail-grid dt{color:var(--muted);font-size:11px;margin-bottom:7px}.detail-grid dd{margin:0;font-size:13px;overflow-wrap:anywhere}.detail-button{padding:6px 9px;color:var(--accent);white-space:nowrap}@media(max-width:700px){.detail-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:18px}.profile-grid article{max-height:none}}

header .site-heading{font-size:clamp(20px,2.25vw,30px);color:var(--text);font-weight:720;letter-spacing:-.65px;line-height:1.2}.brand>.brand-name{font-size:22px;font-weight:750;line-height:1.25}.brand{align-items:flex-start}.brand .mark{font-size:27px}.pie-layout{gap:14px;min-height:245px}.pie-layout svg{width:52%;max-width:305px;overflow:visible}.pie-shapes{filter:drop-shadow(0 5px 8px #0000002b)}.pie-slice{transition:opacity .18s ease}.pie-slice:hover{opacity:.86}.pie-legend{flex:1;min-width:110px}.pie-legend>div{display:flex;align-items:center;gap:9px;font-size:14px;margin:17px 0;line-height:1.4}.pie-legend b{margin-left:3px;text-align:left;font-weight:750;font-size:14px;white-space:nowrap}.legend-name{flex:0 1 auto}.legend-color{width:10px;height:10px;border-radius:3px;box-shadow:0 0 0 3px #ffffff04}.pie-percent{font-size:12px;font-weight:760;stroke:none}.pie-callout{font-size:11px}.period-controls input[type=number]{width:95px}header{gap:16px}header a{flex-shrink:0}@media(min-width:701px) and (max-width:1100px){.pie-layout{flex-direction:column;gap:0}.pie-layout svg{width:85%;max-width:300px}.pie-legend{width:100%;display:flex;flex-wrap:wrap;gap:0 18px}.pie-legend>div{margin:8px 0}}@media(max-width:700px){header{height:auto;min-height:85px;padding:15px 0}header .site-heading{font-size:22px;letter-spacing:-.4px}.brand>.brand-name{font-size:23px}.pie-layout{gap:12px}.pie-layout svg{width:53%}.pie-legend>div{font-size:13px;margin:15px 0;gap:7px}.pie-legend b{font-size:13px;margin-left:2px}.pie-legend{min-width:100px}}

header{min-height:110px;height:auto;padding:24px 0;align-items:center}header .site-heading{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.2px;line-height:1.15;margin:0}header #source{font-size:13px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;align-self:center}.brand .mark{font-size:38px}.brand{min-height:45px}aside .label{margin-top:32px}@media(max-width:700px){aside{padding:10px 16px}.brand{min-height:0}.brand .mark{font-size:26px}header{padding:20px 0;flex-wrap:wrap;gap:14px}header .site-heading{font-size:32px;letter-spacing:-.9px}header #source{font-size:12px}.title{margin-top:22px}}

.brand{justify-content:center;align-items:center;min-height:75px}.tibia-logo{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px #0007)}@media(max-width:700px){.brand{justify-content:flex-start;min-height:40px}.tibia-logo{width:120px}}

.barlabel{justify-content:flex-start;gap:6px}.barlabel span:last-child{white-space:nowrap}#hourly{direction:ltr;scroll-behavior:auto;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#729765 #202c38}#hourly .hourly-chart{display:block;max-width:none;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}@media(max-width:700px){#hourly .hourly-chart{width:760px;min-width:760px}#hourly{padding-bottom:10px}}

.menu-toggle{display:none}.compare-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.compare-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.compare-form label:first-child{flex:1;min-width:200px}.compare-form input{width:100%}.compare-form button{background:var(--accent);color:#17251a;font-weight:700;padding:12px 18px}.comparison-heading{margin-top:28px}.comparison-heading h3{font-size:24px;margin-bottom:4px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comparison-card{background:#101923;border:1px solid var(--line);border-radius:9px;padding:20px}.comparison-card h4{margin:0 0 13px;font-size:13px;color:var(--muted)}.comparison-card>strong{font-size:33px}.comparison-delta{font-size:12px;color:var(--accent);min-height:32px}.compare-bar{margin:16px 0}.compare-bar>span{display:block;font-size:12px;margin-bottom:8px;color:var(--muted)}.compare-bar b{color:var(--text)}.comparison-card .muted{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.category-grid dt{font-size:11px;color:var(--muted);margin-bottom:8px}.category-grid dd{margin:0 0 8px;font-size:13px;overflow-wrap:anywhere}.category-grid small{font-size:11px;color:var(--muted)}.compare-footnote{font-size:11px}@media(max-width:1000px){.comparison-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:sticky;top:0;z-index:20;background:#101721}.menu-toggle{display:block;font-size:22px;padding:3px 11px;line-height:1.5}#mobile-navigation{display:none;flex-basis:100%;padding:10px 0 4px}#mobile-navigation.menu-open{display:block}#mobile-navigation a{display:block;font-size:14px;padding:12px}#mobile-navigation .label{display:none}.compare-form{gap:12px}.compare-form label:first-child{flex-basis:100%}.compare-form button{flex:1}.compare-form select{max-width:200px}.comparison-card{padding:17px}.category-grid{gap:20px 12px}section{scroll-margin-top:76px}}

.character-picker{position:relative}.character-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:5px;max-height:300px;overflow-y:auto;background:#18232f;border:1px solid #405164;border-radius:8px;z-index:15;box-shadow:0 12px 30px #0008}.character-suggestions[hidden]{display:none}.character-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;border:0;border-radius:0;padding:12px 14px;background:transparent;text-align:left;font-size:14px}.character-suggestions button:hover,.character-suggestions button[aria-selected=true]{background:#2b3b36;color:var(--accent)}.character-suggestions small{font-size:11px;color:var(--muted)}.suggestion-empty{padding:15px;font-size:12px;color:var(--muted)}.hour-head .period-controls{justify-content:flex-end}.hour-head .cardhead{min-width:210px}#zone-caption{font-size:inherit;color:inherit}@media(max-width:700px){.hour-head .period-controls{justify-content:flex-start}#online-zone{max-width:220px}.character-suggestions{max-height:260px}}

.character-suggestions button,.character-suggestions button:hover,.character-suggestions button[aria-selected=true]{color:#fff;font-size:14px;line-height:1.4;padding:11px 14px}.character-suggestions button>span{color:#fff}.character-suggestions{max-height:270px}@media(max-width:700px){#hourly,#hourly .hourly-chart{touch-action:pan-y}}

#evolution .filters label{display:flex;align-items:center;gap:10px;color:var(--muted)}#evolution .grid{margin-top:25px}#evolution h3{font-size:15px;margin-top:25px}.evolution-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.evolution-row small{color:var(--muted)}.evolution-row b{color:var(--accent);white-space:nowrap}#evolution-note{font-size:12px}

.gain-text,.kpi.gain strong{color:#b8e68c}.loss-text,.kpi.loss strong{color:#ff9b99}#evolution-vocations{margin-bottom:24px}#evolution-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){#evolution-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){#evolution-kpis{grid-template-columns:1fr}}

#evolution-vocations th:nth-child(4),#evolution-vocations td:nth-child(4),#evolution-vocations th:nth-child(6),#evolution-vocations td:nth-child(6){border-left:2px solid #465569;padding-left:20px}
#evolution .evolution-rankings{gap:0}
.evolution-rankings>div:first-child{padding-right:28px}
.evolution-rankings>div:last-child{border-left:2px solid #465569;padding-left:28px}
.evolution-rankings .evolution-row{justify-content:flex-start;gap:16px;align-items:baseline}
.evolution-rankings .evolution-row span{flex:0 1 auto}
#evolution-losses .evolution-row b{color:#ff7272}
@media(max-width:700px){#evolution .evolution-rankings{grid-template-columns:1fr}.evolution-rankings>div:first-child{padding-right:0}.evolution-rankings>div:last-child{border-left:0;border-top:2px solid #465569;padding-left:0;margin-top:22px}}

#evolution-vocations th:not(:first-child),#evolution-vocations td:not(:first-child){text-align:center}
.evolution-rankings .evolution-row{display:grid;grid-template-columns:minmax(0,220px) 72px;gap:16px;justify-content:start;align-items:baseline}
.evolution-rankings .evolution-row span{overflow-wrap:anywhere}
.evolution-rankings .evolution-row b{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:380px){.evolution-rankings .evolution-row{grid-template-columns:minmax(0,1fr) 60px;gap:12px}}

.evolution-rankings .evolution-row{grid-template-columns:minmax(0,180px) 60px;gap:12px}@media(max-width:380px){.evolution-rankings .evolution-row{grid-template-columns:minmax(0,1fr) 60px}}