:root{color-scheme:dark;--bg:#0c1118;--text:#e9edf0;--muted:#a5b5c4;--gold:#d5b677;--line:#2c3948;--panel:#121c28;--green:#91c4a9;--amber:#d6b77d;--blue:#8aa8bf;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:15px;line-height:1.5}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:10;left:20px;top:-100px;background:var(--gold);color:#161a20;padding:12px 20px}.skip-link:focus{top:12px}.site-shell{max-width:1600px;margin:auto;padding:0 64px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff12}.guild-brand{display:flex;gap:13px;align-items:center;font:bold 21px/1.2 Georgia,serif;letter-spacing:.07em}.guild-brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.22em;color:#9caaba;margin-top:7px}.site-header nav{display:flex;gap:32px;height:100%;align-items:center;font-size:14px}.site-header nav a{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;color:#b9c6d0}.site-header nav [aria-current=page]{border-color:var(--gold);color:var(--gold)}.edition{font-size:9px;letter-spacing:.1em;text-align:right;color:#a0b0bf}.edition b{display:block;font:18px Georgia,serif;letter-spacing:.2em;color:var(--gold);margin-top:4px}.arsenal-hero{position:relative;min-height:345px;margin:0 -64px;padding:45px 64px 70px;isolation:isolate;background:#12202b;border-bottom:1px solid #cfb47944;overflow:hidden}.arsenal-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1118ed 0%,#0c1118c9 38%,#0c111820 78%),linear-gradient(0deg,#0c1118 1%,transparent 80%)}.hero-content{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--gold);margin:0 0 12px}.hero-content h1{font:400 clamp(38px,3.7vw,54px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 19px}.hero-content h1 span{color:#c8dce5}.hero-content>p:last-child{color:#b7c4ce;font-size:15px;line-height:1.8;margin:0}.forever-logo{position:absolute;right:70px;top:8px;width:265px;height:auto;filter:drop-shadow(0 5px 24px #0009);z-index:1}.hero-bottom{position:absolute;left:64px;right:64px;bottom:18px;display:flex;justify-content:space-between;font-size:12px;color:#aabac7}.hero-bottom>span:first-child{color:#d9c18e;letter-spacing:.15em;font-size:11px}.mode-banner{display:flex;gap:16px;align-items:center;margin-top:28px;padding:17px 20px;background:linear-gradient(100deg,#2c2a21,#1d252c);border:1px solid #8b7a4c66;border-left:3px solid var(--gold);border-radius:3px}.mode-seal{font-size:30px;color:var(--gold);line-height:1}.mode-banner strong{color:#e2cea4;font-size:14px}.mode-banner p{color:#b6c1c9;font-size:12px;margin:3px 0 0}.mode-banner>a{margin-left:auto;white-space:nowrap;font-size:12px;color:#dfc28a}.mode-banner>a span{margin-left:6px}.overview{display:grid;grid-template-columns:1fr 2.15fr;gap:40px;align-items:center;padding:33px 0;border-bottom:1px solid #ffffff12}.overview-title .eyebrow{font-size:10px;margin:0 0 7px}.overview h2{font:400 25px/1.2 Georgia,serif;margin:0;letter-spacing:-.015em}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr)}.overview-stats>div{border-left:1px solid #ffffff12;padding-left:26px;display:flex;flex-direction:column;gap:4px}.overview-stats strong{font:35px/1 Georgia,serif;font-weight:400;color:#dfd1b2}.overview-stats span{font-size:11px;color:#a7b7c4}.character-section{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading .eyebrow{margin-bottom:9px;font-size:10px}.section-heading h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0}.section-caption{font-size:10px;letter-spacing:.14em;color:#94a9bb}.section-description{font-size:13px;color:#a9bac7;line-height:1.7;margin:12px 0 24px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 200px 220px;gap:12px}.search-field{display:flex;align-items:center;gap:10px;background:#111b27;border:1px solid #344352;border-radius:3px;padding:0 15px;min-height:48px}.search-field svg{width:20px;height:20px;flex-shrink:0;color:#91a6b8}.search-field input{width:100%;min-width:0;border:0;outline:0;color:#e7edf1;background:transparent;font-size:14px;padding:12px 0}.search-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px #d5b67733}.search-field input:focus-visible{outline:0}.search-field input::placeholder{color:#95a7b9}.select-field{position:relative;display:flex;align-items:center;border:1px solid #344352;border-radius:3px;background:#111b27;min-width:0}.select-field>span{position:absolute;top:-8px;left:11px;font-size:10px;padding:0 4px;background:#0f1823;color:#9db0c0}.select-field select{background:transparent;color:#d6e0e8;width:100%;height:46px;padding:0 12px;border:0;cursor:pointer;font-size:13px}.select-field option{background:#15212f}.list-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px}.list-meta p{margin:0;font-size:12px;color:#afbdc9}.freshness-key{display:flex;gap:17px;color:#a3b2bf;font-size:10px}.freshness-key>span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.fresh{color:var(--green)}.old{color:var(--amber)}.unknown{color:#8395a7}.table-shell{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#111a25}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#182432}th{padding:14px 18px;color:#a4b7c8;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #344454}td{padding:16px 18px;border-bottom:1px solid #ffffff09}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#19263466}tbody tr:focus-within{background:#1a283666}.rank-col{width:62px;text-align:center}.rank-cell{font-size:12px;color:#6f879a;text-align:center}.rank-cell.leading{color:#cebb8e}.character-cell{min-width:210px}.character-button{display:flex;align-items:center;gap:13px;padding:0;border:0;background:transparent;text-align:left;color:var(--class-color,#d5b677)}.class-emblem{display:grid;place-items:center;font:24px/1 Georgia,serif;font-weight:400;border:1px solid color-mix(in srgb,var(--class-color) 34%,transparent);background:color-mix(in srgb,var(--class-color) 8%,#101822);width:42px;height:42px;flex-shrink:0;border-radius:3px}.character-text{display:block}.character-text strong{font-size:15px;line-height:1.3;font-weight:600}.character-text small{display:block;color:#9caebc;font-size:11px;margin-top:4px}.character-button:hover strong{text-decoration:underline;text-underline-offset:4px}.level-number{font:27px/1 Georgia,serif;color:#e6d8b9}.level-label{display:block;font-size:9px;color:#7f96a7;letter-spacing:.1em;margin-top:3px}.professions{display:flex;gap:6px;flex-wrap:wrap}.profession-tag{padding:3px 7px;font-size:10px;color:#b3c4cf;border:1px solid #354656;border-radius:2px;background:#1c2936}.subdued{font-size:11px;color:#8499ab}.age{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.age-sub{display:block;font-size:10px;color:#8198aa;margin:4px 0 0 13px}.profile-arrow{padding:7px 9px;background:none;border:1px solid #344656;border-radius:3px;color:#bca675;font-size:17px;line-height:1}.profile-arrow:hover{border-color:var(--gold);background:#d5b67714}.below-list{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px}.below-list p{margin:0;color:#8fa6b8;font-size:11px}.text-button{background:transparent;border:0;color:#c9b382;padding:4px 0;font-size:12px;white-space:nowrap}.text-button span{font-size:17px;vertical-align:-1px;margin-right:4px}.status-panel{padding:45px 24px;text-align:center;border:1px solid var(--line);border-radius:4px;background:#111b27}.status-panel h3{font:25px Georgia,serif;font-weight:400;color:#d8e1e7;margin:14px 0 9px}.status-panel p{font-size:13px;line-height:1.7;color:#a8b9c8;margin:0 auto;max-width:530px}.status-panel .status-actions{display:flex;justify-content:center;gap:20px;margin-top:21px}.status-panel a{color:var(--gold);font-size:13px;border-bottom:1px solid #b79f6b66;padding-bottom:3px}.status-panel.error{border-color:#795d4d}.loading-ring{display:block;width:24px;height:24px;border:1px solid #33485a;border-top-color:var(--gold);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.companion-note{display:flex;align-items:center;gap:20px;margin-top:40px;padding:26px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.note-symbol{display:grid;place-items:center;width:42px;height:42px;color:#c9b17b;font-size:23px;border:1px solid #ad965c55;transform:rotate(45deg);flex-shrink:0}.companion-note h2{font:21px/1.25 Georgia,serif;font-weight:400;margin:0 0 8px}.companion-note p{font-size:12px;color:#9cb0c0;max-width:700px;line-height:1.8;margin:0}.note-link{margin-left:auto;white-space:nowrap;font-size:11px;color:#c7b17f}.note-link span{margin-left:7px}.site-footer{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:25px 0 30px;color:#91a6b7;font-size:11px}.footer-brand{font-size:11px;letter-spacing:.08em;color:#b5c5d1}.footer-brand span{color:var(--gold);padding:0 4px}.site-footer p{margin:0}.site-footer small{font-size:10px;margin-left:auto;color:#7e93a5}.character-tooltip{position:fixed;z-index:20;pointer-events:auto;max-width:310px;width:285px;background:#14212e;border:1px solid #586174;border-top:2px solid var(--class-color,var(--gold));box-shadow:0 12px 35px #0009;border-radius:3px;padding:18px 20px}.character-tooltip h3{font:23px Georgia,serif;color:var(--class-color,var(--gold));margin:0 0 4px}.character-tooltip .tooltip-meta{color:#b9c9d5;font-size:12px;margin:0}.character-tooltip .tooltip-guild{color:#a7bfaa;font-size:11px;margin:6px 0 12px}.character-tooltip .tooltip-profs{font-size:11px;line-height:1.8;color:#afbdc9;margin:0;padding-top:10px;border-top:1px solid #ffffff14}.character-tooltip .tooltip-footer{font-size:10px;color:#8ca5b8;margin:12px 0 0}.profile-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #7b7057;border-radius:5px;background:#101b27;color:#e9edf0;box-shadow:0 24px 100px #000c;overflow-y:auto}.profile-dialog::backdrop{background:#050b12d9;backdrop-filter:blur(5px)}.profile-inner{position:relative}.close-profile{position:absolute;top:17px;right:18px;z-index:2;border:1px solid #68708166;background:#121e2bba;color:#c6d2dc;width:33px;height:33px;border-radius:3px;font:26px/1 Arial,sans-serif}.close-profile:hover{border-color:var(--gold);color:var(--gold)}.profile-heading{padding:31px 36px 26px;border-bottom:1px solid #d5b67733;background:linear-gradient(110deg,color-mix(in srgb,var(--class-color) 10%,#132130),#101b27)}.profile-eyebrow{font-size:9px;letter-spacing:.17em;color:#a7bbca;margin:0 0 14px}.profile-identity{display:flex;gap:18px;align-items:center;padding-right:22px}.profile-identity .class-emblem{width:61px;height:61px;font-size:34px}.profile-identity h2{font:37px/1.1 Georgia,serif;font-weight:400;color:var(--class-color);margin:0 0 6px;overflow-wrap:anywhere}.profile-identity p{font-size:12px;color:#bacbd5;margin:0}.profile-level{margin-left:auto;display:flex;flex-direction:column;align-items:center;padding-left:14px}.profile-level strong{font:43px/1 Georgia,serif;color:#e5d4ae;font-weight:400}.profile-level span{font-size:9px;color:#a7b9c9;letter-spacing:.13em;margin-top:5px}.profile-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;flex-wrap:wrap}.profile-guild{font-size:12px;color:#a8c5ac}.profile-demo{display:inline-block;font-size:10px;color:#dec58f;border:1px solid #9e88554d;background:#b3975112;border-radius:2px;padding:3px 7px;margin-left:9px}.profile-body{padding:27px 36px 28px}.profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-section-header h3{font:23px/1.2 Georgia,serif;font-weight:400;margin:0}.profile-section-header>span{font-size:10px;color:#8fa7b9}.gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.gear-slot{min-width:0;display:flex;gap:11px;align-items:center;padding:10px 11px;background:#162331;border:1px solid #293c4e;border-radius:3px;min-height:57px}.slot-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #45515c;background:#1d2b38;color:#aebcae;font-size:13px;flex-shrink:0}.gear-slot.empty{background:#101c28;border-color:#223343}.gear-slot.empty .slot-mark{color:#526a7b;border-color:#293b4a;background:#152331}.gear-slot>div:last-child{min-width:0}.gear-slot small{display:block;font-size:9px;color:#8ea5b7;margin-bottom:3px}.gear-slot strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#c7d6e0;font-weight:400}.gear-slot.empty strong{color:#6f879a;font-size:10px}.gear-id{font-size:9px;color:#8ca6b9;margin:3px 0 0}.profile-note{font-size:11px;line-height:1.7;color:#8ea7b9;margin:13px 0 0}.profile-professions{margin-top:28px;padding-top:23px;border-top:1px solid #ffffff12}.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profession-card{background:#162331;border:1px solid #2d4050;padding:15px 16px;border-radius:3px}.profession-card>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.profession-card strong{font-size:12px;font-weight:400;color:#d3dee5}.profession-card span{font-size:11px;color:#bda979}.profession-card progress{appearance:none;display:block;width:100%;height:4px;border:0;background:#2b3c4a;border-radius:0}.profession-card progress::-webkit-progress-bar{background:#2b3c4a}.profession-card progress::-webkit-progress-value{background:#bda979}.profession-card progress::-moz-progress-bar{background:#bda979}.profile-empty{border:1px dashed #35495b;border-radius:3px;padding:20px;color:#9db2c2;font-size:12px;line-height:1.7;margin:0}.profile-footer{margin-top:24px;padding-top:19px;border-top:1px solid #ffffff12;font-size:10px;color:#7e98ab;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
@media(min-width:1500px){.arsenal-hero{min-height:375px;padding-top:53px}.forever-logo{width:290px;right:95px;top:15px}}
@media(max-width:1100px){.site-shell{padding:0 32px}.arsenal-hero{margin:0 -32px;padding-left:32px;padding-right:32px}.hero-bottom{left:32px;right:32px}.forever-logo{right:25px;width:230px;top:24px}.edition{display:none}.overview{grid-template-columns:1fr 2.3fr;gap:25px}.overview-stats>div{padding-left:18px}.overview h2{font-size:23px}.filters{grid-template-columns:minmax(200px,1fr) 180px 190px}.companion-note p{max-width:580px}.note-link{display:none}.section-caption{display:none}td,th{padding-left:14px;padding-right:14px}.rank-col{width:45px}.prof-col{width:210px}}
@media(max-width:800px){.site-header{height:86px}.guild-brand{font-size:18px}.site-header nav{gap:21px;font-size:13px}.arsenal-hero{min-height:320px;padding-top:38px}.forever-logo{width:190px;right:8px;top:52px;opacity:.75}.hero-content h1{font-size:43px}.hero-content>p:last-child{font-size:14px;max-width:350px}.mode-banner{gap:11px;padding:14px}.mode-banner p{max-width:470px}.mode-banner>a{display:none}.overview{grid-template-columns:1fr;gap:21px;padding:27px 0}.overview-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.overview-title .eyebrow{margin:0;font-size:9px}.overview h2{font-size:21px}.overview-stats>div:first-child{border-left:0;padding-left:0}.overview-stats>div{padding-left:24px}.overview-stats strong{font-size:32px}.filters{grid-template-columns:1fr 1fr;gap:16px 10px}.search-field{grid-column:1/-1}.character-section{margin-top:29px}.prof-col,.prof-cell{display:none}.character-cell{min-width:190px}.freshness-key{gap:11px}.companion-note{margin-top:31px;padding:23px 0}.companion-note p{font-size:11px}.site-footer{gap:10px 20px}.site-footer small{margin-left:0;width:100%}.profile-heading{padding:29px 25px 23px}.profile-body{padding:23px 25px}.profile-identity h2{font-size:32px}.gear-grid{gap:7px 9px}.gear-slot{padding:9px;gap:8px}}
@media(max-width:520px){.site-shell{padding:0 20px}.site-header{height:79px;gap:12px}.guild-brand{font-size:14px;letter-spacing:.04em;gap:9px}.guild-brand small{font-size:9px;letter-spacing:.15em}.site-header nav{gap:12px;font-size:11px}.arsenal-hero{margin:0 -20px;padding:31px 20px 65px;min-height:314px}.hero-content .eyebrow{font-size:10px;max-width:260px}.hero-content h1{font-size:37px;max-width:310px;line-height:1.12}.hero-content>p:last-child{max-width:280px;font-size:13px}.forever-logo{width:148px;top:135px;right:-19px;opacity:.22}.hero-bottom{left:20px;right:20px;font-size:10px;bottom:17px}.hero-bottom>span:first-child{font-size:9px}.mode-banner{margin-top:21px;align-items:flex-start;gap:10px}.mode-seal{font-size:24px;margin-top:2px}.mode-banner strong{font-size:12px}.mode-banner p{font-size:11px;line-height:1.7;margin-top:4px}.overview-title{display:block}.overview-title .eyebrow{margin-bottom:8px}.overview-stats>div{padding-left:12px}.overview-stats strong{font-size:29px}.overview-stats span{font-size:9px;max-width:66px;line-height:1.5}.overview{padding:25px 0;gap:21px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:9px}.section-description{font-size:12px;margin:12px 0 22px}.search-field{min-height:45px;padding:0 12px}.search-field input{font-size:13px}.select-field select{font-size:12px;height:44px}.list-meta{margin-top:17px;align-items:flex-start;flex-wrap:wrap;gap:8px}.list-meta p{font-size:11px}.freshness-key{font-size:9px;gap:13px}.table-shell{margin-left:-6px;margin-right:-6px}.rank-col,.rank-cell{display:none}.character-cell{min-width:0}td{padding:14px 9px}th{padding:12px 9px;font-size:9px}.class-emblem{width:32px;height:36px;font-size:20px}.character-button{gap:9px}.character-text strong{font-size:13px}.character-text small{font-size:9px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-number{font-size:24px}.level-label{font-size:8px}.age{font-size:9px;gap:5px}.age-sub{display:none}.profile-arrow{border:0;padding:4px;color:#ad9d78}.below-list{align-items:flex-start;gap:15px}.below-list p{font-size:10px;max-width:230px;line-height:1.7}.text-button{font-size:11px}.companion-note{gap:16px;align-items:flex-start;padding:23px 0}.note-symbol{width:29px;height:29px;font-size:18px;margin:4px 2px 0}.companion-note h2{font-size:19px}.companion-note p{font-size:11px}.site-footer{padding-top:21px}.site-footer p{font-size:10px}.site-footer small{font-size:9px;line-height:1.7}.character-tooltip{max-width:calc(100vw - 28px)}.profile-dialog{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}.profile-heading{padding:26px 19px 21px}.profile-eyebrow{font-size:8px}.profile-identity{gap:12px;padding-right:0}.profile-identity .class-emblem{width:44px;height:49px;font-size:27px}.profile-identity h2{font-size:29px;max-width:195px}.profile-identity p{font-size:10px;line-height:1.7;max-width:180px}.profile-level{padding-left:4px}.profile-level strong{font-size:35px}.profile-level span{font-size:8px}.profile-meta{margin-top:19px;gap:11px}.profile-guild{font-size:11px}.profile-body{padding:23px 18px}.profile-section-header h3{font-size:22px}.profile-section-header>span{font-size:9px}.gear-grid{grid-template-columns:1fr}.gear-slot{min-height:53px;gap:11px;padding:9px 12px}.gear-slot strong{font-size:11px}.slot-mark{width:28px;height:28px}.prof-grid{grid-template-columns:1fr}.profile-note{font-size:10px}.profile-professions{margin-top:24px;padding-top:21px}.profile-footer{font-size:9px}.close-profile{top:13px;right:13px;width:29px;height:29px;font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.armory-tabs{display:flex;gap:7px;margin:30px 0 0;padding:5px;width:fit-content;border:1px solid #344757;border-radius:5px;background:#111c28}.armory-tabs button{border:1px solid transparent;border-radius:3px;background:transparent;color:#a9bdcc;padding:10px 21px;font-size:13px}.armory-tabs button[aria-selected=true]{color:#e6d0a0;border-color:#9d865854;background:#d5b67713}.armory-tabs button:hover{color:#e3edf4;background:#a8c5d00a}.planned-label{font-size:9px;letter-spacing:.04em;margin-left:6px;color:#839aac}.armory-tabs+.character-section{margin-top:27px}.profession-filters{grid-template-columns:minmax(220px,1fr) 240px}.profession-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.directory-card{padding:18px;background:#14212e;border:1px solid #2d4153;border-radius:3px}.directory-heading,.directory-identity{display:flex;align-items:center;justify-content:space-between;gap:12px}.directory-heading h3{font:19px Georgia,serif;font-weight:400;margin:0}.directory-rank{font-size:11px;color:#d2bb86;white-space:nowrap}.directory-identity{margin:13px 0 10px;justify-content:flex-start;flex-wrap:wrap;gap:4px 9px}.directory-character{background:none;border:0;color:var(--class-color);padding:0;font-size:12px}.directory-character:hover{text-decoration:underline;text-underline-offset:3px}.directory-identity>span{font-size:10px;color:#92aabc}.directory-card progress{display:block;appearance:none;width:100%;height:4px;margin:12px 0 15px;border:0;background:#2c3e4d}.directory-card progress::-webkit-progress-bar{background:#2c3e4d}.directory-card progress::-webkit-progress-value{background:#b9a16c}.directory-card progress::-moz-progress-bar{background:#b9a16c}.recipe-coming{font-size:12px;color:#a0b5c5;padding:17px 0;margin:10px 0 0}.pvp-placeholder{margin-top:23px;padding:35px 32px;border:1px solid #3a4a5c;background:linear-gradient(130deg,#172735,#101a27);border-radius:4px;max-width:850px}.pvp-symbol{display:block;font-size:30px;color:#bfa570;line-height:1}.pvp-placeholder h3{font:27px Georgia,serif;font-weight:400;margin:18px 0 14px}.pvp-placeholder p{font-size:13px;color:#b3c3d0;line-height:1.8;max-width:680px}.pvp-placeholder ul{list-style:disc;padding-left:19px;margin:20px 0;color:#c2cdd4;font-size:12px;line-height:2}.pvp-placeholder small{display:block;max-width:650px;color:#8fa9bb;font-size:11px;line-height:1.8}@media(max-width:1000px){.profession-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.profession-directory{grid-template-columns:1fr}.profession-filters{grid-template-columns:1fr}.profession-filters .search-field{grid-column:auto}.armory-tabs{width:100%;gap:4px}.armory-tabs button{padding:9px 10px;flex:1;font-size:12px}.planned-label{font-size:8px;display:block;margin:2px 0 0}.pvp-placeholder{padding:26px 21px}.pvp-placeholder h3{font-size:24px}.pvp-placeholder p{font-size:12px}.directory-card{padding:17px 18px}}


/* Compact Armory introduction and verified media. */
.armory-intro{display:grid;grid-template-columns:1.1fr 1.8fr;align-items:center;gap:34px;margin-top:28px;padding:27px 30px;background:linear-gradient(115deg,#1a2936,#111b27);border:1px solid #45515c;border-top:2px solid #b69c66;border-radius:5px}.armory-title{display:flex;align-items:center;gap:18px}.armory-title>img{width:48px;height:48px;flex-shrink:0;opacity:.85}.armory-title .eyebrow{font-size:9px;letter-spacing:.16em;margin:0 0 7px}.armory-title h1{font:32px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:0;color:#e8dcc3}.armory-title p:last-child{font-size:12px;color:#aabecb;margin:9px 0 0}.armory-intro .overview-stats>div{padding-left:24px}.armory-intro .overview-stats strong{font-size:31px}.armory-intro .overview-stats span{font-size:10px}.mode-banner{margin-top:16px}.companion-install{display:flex;align-items:center;gap:12px;background:#17222d;border:1px solid #3d4b58;border-radius:3px;padding:13px 16px;margin:0 0 21px;width:fit-content}.companion-install>img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.companion-install strong{font-weight:400;color:#d8e2e8;font-size:13px;display:block}.companion-install span{display:block;color:#91a6b6;font-size:10px;margin-top:2px}.armory-nav-icon{width:22px!important;height:22px!important;border-radius:0!important;object-fit:contain;flex-shrink:0}.character-avatar{display:inline-grid;place-items:center;width:43px;height:43px;overflow:hidden;border:1px solid color-mix(in srgb,var(--class-color,#a6bac8) 50%,#314556);background:#0d1823;border-radius:3px;flex-shrink:0}.character-avatar img{display:block;width:100%;height:100%;object-fit:cover}.image-unknown{display:grid;place-items:center;width:100%;height:100%;font:22px Georgia,serif;color:#7c95a9;background:#162534}.profile-identity>.character-avatar{width:61px;height:61px}.item-icon{display:grid;place-items:center;width:37px;height:37px;overflow:hidden;border:1px solid #71664d;background:#111e29;flex-shrink:0;border-radius:3px}.item-icon img{display:block;width:100%;height:100%;object-fit:cover}.gear-slot>a{display:block}.gear-slot[href]{transition:background .15s,border-color .15s}.gear-slot[href]:hover{background:#1d3141;border-color:#b79c63}.gear-slot[data-quality="2"] strong{color:#90bb75}.gear-slot[data-quality="3"] strong{color:#80b7e9}.gear-slot[data-quality="4"] strong{color:#b5a0e6}.gear-slot[data-quality="5"] strong{color:#dfab72}.profession-group{background:#14212e;border:1px solid #354b5b;border-radius:4px;overflow:hidden}.profession-category{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:18px 19px;background:linear-gradient(120deg,#1e3040,#142330);border:0;border-bottom:1px solid #354a58;text-align:left}.profession-category:hover{background:#24394a}.profession-category-copy strong{display:block;font:23px/1.2 Georgia,serif;font-weight:400;color:#e0d4b9}.profession-category-copy small{display:block;font-size:10px;color:#98b1c2;margin-top:7px}.category-label{color:#bfa976;font-size:10px;text-align:right;max-width:75px}.profession-members{padding:4px 18px}.profession-member{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff0a}.profession-member:last-child{border:0}.profession-member .character-avatar{width:27px;height:27px;border-color:#455867}.profession-member .directory-rank{margin-left:auto}.recipe-dialog{position:fixed;inset:0;margin:auto;width:min(780px,calc(100vw - 32px));max-width:780px;max-height:calc(100dvh - 36px);padding:31px 33px;border:1px solid #7c7058;border-radius:5px;background:#101c28;color:#dbe6ed;overflow:auto;box-shadow:0 20px 90px #000b}.recipe-dialog::backdrop{background:#050b12d9;backdrop-filter:blur(5px)}.recipe-dialog h2{font:34px/1.2 Georgia,serif;font-weight:400;color:#e4d4af;margin:0;padding-right:24px}.recipe-dialog>.close-profile{position:absolute}.recipe-dialog .eyebrow{font-size:9px;margin-bottom:11px}.recipe-intro{font-size:12px;line-height:1.8;color:#a8bdcb;margin:13px 0 23px;max-width:650px}.recipe-list{display:grid;gap:6px}.recipe-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #2f4557;background:#152635;border-radius:3px;text-align:left;color:#dce7ed}.recipe-row:hover,.recipe-row:focus-visible{background:#20384b;border-color:#a38b58}.recipe-row .item-icon{width:33px;height:33px}.recipe-row-name{font-size:13px}.recipe-row>small{margin-left:auto;text-align:right;font-size:10px;color:#9fb4c3}.recipe-detail{margin-top:21px;padding:21px;background:#142636;border:1px solid #3e5264;border-radius:3px}.recipe-detail h3{font:25px/1.2 Georgia,serif;font-weight:400;color:#e0d3b5;margin:0 0 12px}.recipe-knowledge-note{font-size:12px;line-height:1.8;color:#b3c7d3;margin:0 0 14px}.recipe-makers{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 17px}.recipe-maker{display:flex;align-items:center;gap:8px;background:#1b3040;border:1px solid #455b6c;border-radius:3px;padding:5px 10px 5px 5px;color:var(--class-color);font-size:12px}.recipe-maker .character-avatar{width:28px;height:28px}.recipe-source{display:inline-block;font-size:11px;color:#ccb47d;border-bottom:1px solid #8c794b66;padding-bottom:3px}.catalog-disclaimer{font-size:10px;color:#89a4b7;line-height:1.7;margin:16px 0 0}.recipe-tooltip{position:fixed;z-index:30;width:290px;max-width:calc(100vw - 24px);padding:15px 17px;border:1px solid #7d7154;border-radius:3px;background:#172c3c;box-shadow:0 10px 30px #0008}.recipe-tooltip>strong{font:20px/1.2 Georgia,serif;font-weight:400;color:#e3d4af}.recipe-tooltip>p{font-size:11px;line-height:1.7;color:#b0c6d3;margin:10px 0 0}@media(max-width:1150px){.armory-intro{grid-template-columns:1fr;padding:23px 26px;gap:24px}.armory-intro .overview-stats>div:first-child{border-left:0;padding-left:0}.profession-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.profession-directory{grid-template-columns:1fr}.armory-intro{margin-top:20px;padding:21px 19px;gap:22px}.armory-title{gap:12px}.armory-title>img{width:35px;height:35px}.armory-title h1{font-size:27px}.armory-title p:last-child{font-size:11px;margin-top:7px}.armory-title .eyebrow{font-size:8px}.armory-intro .overview-stats>div{padding-left:10px}.armory-intro .overview-stats strong{font-size:28px}.armory-intro .overview-stats span{font-size:9px;max-width:66px}.companion-install{width:100%;padding:12px 14px;margin-bottom:20px}.companion-install strong{font-size:12px}.character-avatar{width:35px;height:38px}.profile-identity>.character-avatar{width:48px;height:48px}.recipe-dialog{padding:27px 19px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.recipe-dialog h2{font-size:29px}.recipe-row{gap:9px;padding:9px}.recipe-row-name{font-size:12px}.recipe-row>small{font-size:9px;max-width:74px}.recipe-detail{padding:18px 16px}.profession-category{padding:17px}.profession-category-copy strong{font-size:23px}.profession-members{padding:4px 16px}}

.armory-intro{display:block;margin-top:22px;padding:8px 0;background:none;border:0;border-radius:0}

/* Geometry only: the continuous landscape stylesheet owns the single background image. */
.armory-landscape{height:205px;margin:0 -64px;background:#10202a;border-bottom:1px solid #cfb47944;position:relative}
.armory-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1118c9,transparent 65%)}
.armory-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px;font-size:12px;color:#a9bdcb}
.mode-switch{border:1px solid #b79f6b66;border-radius:4px;padding:8px 13px;color:#e3cf9d;background:#c7ad700b}
.mode-switch:hover{background:#c7ad701a;border-color:#d5b677}
.section-heading h1{font:400 30px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0}
.companion-card{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 22px;margin:0 0 24px;border:1px solid #43586a;border-radius:7px;background:linear-gradient(110deg,#172b39,#121c28)}
.companion-wolf{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 12px #00c6ee22);transform-origin:center;animation:companion-logo-breathe 1.6s ease-in-out infinite}
@keyframes companion-logo-breathe{0%,100%{transform:scale(1.02)}50%{transform:scale(.93)}}
@media(prefers-reduced-motion:reduce){.companion-wolf{animation:none;transform:none}}
.companion-copy h2{font:400 23px/1.2 Georgia,serif;color:#e8dcc3;margin:0 0 8px}
.companion-copy p{font-size:12px;line-height:1.7;color:#afc3d0;max-width:730px;margin:0}
.curseforge-badge{display:flex;align-items:center;gap:11px;min-width:178px;border:1px solid #f164366b;border-radius:5px;background:#241d1a;padding:12px 16px}
.curseforge-badge img{width:32px;height:32px;flex:none}
.curseforge-badge strong{display:block;color:#fff5ec;font-size:16px;letter-spacing:.01em}
.curseforge-badge small{display:block;color:#c6ac9b;font-size:10px;margin-top:3px}
.profile-honor{display:flex;align-items:center;gap:19px;margin-top:23px;padding:15px 18px;background:#c7ad7009;border:1px solid #b79f6b44;border-radius:4px}
.profile-honor>div:first-child{font:30px/1.1 Georgia,serif;color:#e2c98e}
.profile-honor strong{display:block;color:#dce6ed;font-size:13px;font-weight:500}
.profile-honor span{display:block;font-size:10px;color:#9eb4c4;margin-top:4px}
.pvp-kills strong{font:26px/1 Georgia,serif;color:#e2c98e;font-variant-numeric:tabular-nums}
.pvp-kills small{display:block;font-size:9px;color:#8da5b7;margin-top:6px;letter-spacing:.08em}
.pvp-table-shell{overflow-x:auto}
.character-text strong,.profile-identity h2{overflow-wrap:anywhere;white-space:normal}
.character-text{max-width:320px}
.data-age-label{width:65px;flex-shrink:0}
.companion-col{min-width:91px}
.recipe-finder{margin:24px 0 27px;padding:23px 25px;border:1px solid #456276;border-top:2px solid #90bdcf;border-radius:6px;background:linear-gradient(120deg,#183043,#14212e)}
.recipe-finder .eyebrow{font-size:8px;margin:0 0 8px;color:#8cc8d9}
.recipe-finder h3{font:400 25px/1.2 Georgia,serif;margin:0 0 18px;color:#e3d8be}
.recipe-finder .search-field{background:#0e1b27;border-color:#597085}
#recipe-search-status{font-size:11px;color:#a2b9c9;margin:12px 0 0}
.recipe-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}
.recipe-search-row{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 12px;color:#d8e6ef;border:1px solid #375165;border-radius:4px;background:#132433;text-align:left}
.recipe-search-row:hover{border-color:#a68f59;background:#1d3546}
.recipe-search-row>span:nth-child(2){min-width:0;flex:1}
.recipe-search-row strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.recipe-search-row small{display:block;font-size:9px;color:#91afc2;margin-top:4px}
.recipe-match-makers{font-size:9px;color:#d0ba87;max-width:80px;text-align:right}
.recipe-search-row .item-icon{width:32px;height:32px;flex:none}
.recipe-dialog{width:min(1000px,calc(100vw - 36px))}
.recipe-dialog-search{width:100%;padding:13px 15px;border:1px solid #577085;border-radius:4px;background:#0d1b28;color:#e1eaf0;font-size:13px;margin-bottom:6px}
.recipe-dialog-count{font-size:10px;color:#9eb5c5;margin:9px 0 14px}
.recipe-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.recipe-layout>.recipe-list{max-height:52vh;overflow:auto;padding-right:4px}
.recipe-layout>.recipe-detail{margin-top:0;max-height:52vh;overflow:auto}
.recipe-row-name{flex:1;min-width:0;overflow-wrap:anywhere}
.recipe-row>small{max-width:70px;flex:none}
.recipe-maker-copy{min-width:0}.recipe-maker-copy>span{display:block;overflow-wrap:anywhere}.recipe-maker-copy>small{display:block;font-size:9px;color:#96adbf;margin-top:4px}
.gear-slot[data-quality="0"] strong{color:#9d9d9d}
.gear-slot[data-quality="1"] strong{color:#ffffff}
.gear-slot[data-quality="2"] strong{color:#1eff00}
.gear-slot[data-quality="3"] strong{color:#0070dd}
.gear-slot[data-quality="4"] strong{color:#a335ee}
.gear-slot[data-quality="5"] strong{color:#ff8000}
.gear-slot[data-quality="6"] strong{color:#e6cc80}
.gear-slot[data-quality="7"] strong{color:#00ccff}
@media(max-width:760px){.recipe-search-results{grid-template-columns:1fr}.recipe-layout{grid-template-columns:1fr}.recipe-layout>.recipe-detail{grid-row:1;max-height:30vh}.recipe-layout>.recipe-list{max-height:35vh}.recipe-finder{padding:21px 18px}}
.companion-col{width:92px;text-align:center}
.companion-cell{text-align:center}
.companion-state{display:inline-flex;align-items:center;flex-direction:column;gap:5px;color:#8fc3ca}
.companion-state-icon{position:relative;display:block;width:29px;height:29px}
.companion-state-icon>img{display:block;width:27px;height:27px;object-fit:contain}
.companion-state-icon>b{position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;background:#172732;color:#9cd1bb;border:1px solid #7eaa98;border-radius:50%;font:10px/1 Arial,sans-serif}
.companion-state-label{font-size:9px;line-height:1.2;letter-spacing:.025em}
.companion-state.pending{color:#ee8d8d}
#table-shell .companion-state.pending .companion-state-label{display:block;color:#ee8d8d}
.companion-state.pending .companion-state-icon>img{filter:grayscale(1);opacity:.48}
.companion-state.pending .companion-state-icon>b{color:#ff8585;border-color:#b4565d;background:#351e25}
.profile-source{display:flex;align-items:center;gap:12px;margin-top:18px;color:#a8becd;font-size:11px}
.profile-source .companion-state-label{display:none}
.profile-source.pending{color:#cfb884}
.test-flavor{display:inline-block;border:1px solid #89774266;border-radius:3px;background:#9d87400b;color:#bba979;font-size:8px;line-height:1.3;letter-spacing:.06em;padding:3px 5px;margin-top:5px}
.profile-source .test-flavor{margin:0 0 0 auto}
.tooltip-source{font-size:10px;color:#c2af84;margin:8px 0 0}
.table-shell:has(.companion-cell){overflow-x:auto}
.data-ages{display:inline-flex;flex-direction:column;gap:7px;align-items:flex-start;font-size:10px;white-space:nowrap}
.data-age-line{display:flex;align-items:center;gap:6px;line-height:1.3}
.data-age-label{width:28px;font-size:9px;color:#95aabd}
.data-age-line .dot{width:4px;height:4px}
.profile-meta .data-ages{font-size:11px}
@media(max-width:650px){.companion-col{width:47px;font-size:8px}.companion-cell{padding-left:8px;padding-right:8px}.companion-state-label{display:none}.companion-state-icon{width:24px;height:24px}.companion-state-icon>img{width:23px;height:23px}.data-ages{font-size:9px;gap:6px}.data-age-label{width:24px;font-size:8px}.data-age-line{gap:4px}}
.armory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 18px}
.armory-toolbar .armory-tabs{margin:0}
.armory-toolbar .armory-mode{margin:0;gap:13px}
.mode-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;color:#cbb783;white-space:nowrap}
.mode-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#d5b677;box-shadow:0 0 10px #d5b67755}
.armory-toolbar+.mode-banner{margin-top:0}
.companion-copy .companion-kicker{font-size:8px;font-weight:600;letter-spacing:.14em;color:#8bcfe0;margin-bottom:6px}
.pvp-leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;margin:25px 0 28px}
.pvp-leader{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;min-height:233px;padding:23px 18px 20px;color:#c3d2de;background:linear-gradient(145deg,#1c2f3f,#121d2a);border:1px solid #42566a;border-radius:7px}
.pvp-leader:before{content:'';position:absolute;top:0;left:20px;right:20px;height:2px;background:#859db3}
.pvp-leader-1{order:2;min-height:254px;border-color:#998556;background:radial-gradient(ellipse at 50% 0%,#b99c4624,transparent 70%),linear-gradient(145deg,#20313b,#141f2a)}
.pvp-leader-2{order:1}.pvp-leader-3{order:3}
.pvp-leader-1:before{background:#d5b677}.pvp-leader-3:before{background:#a77a58}
.pvp-leader:hover{border-color:#d5b677;background-color:#1e3041;box-shadow:0 8px 30px #0003}
.leader-place{font-size:9px;letter-spacing:.17em;margin-bottom:14px;color:#aebdca}
.pvp-leader-1 .leader-place{color:#e0c785}
.pvp-leader .character-avatar{width:49px;height:49px;margin-bottom:11px}
.leader-name{font-size:17px;font-weight:600;color:var(--class-color)}
.leader-class{font-size:10px;color:#91acbf;margin-top:4px}
.leader-score{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px;color:#c9d8e2}
.leader-score strong{font:29px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}
.leader-score small{font-size:10px;color:#a1b6c5}
.pvp-leader-1 .leader-score strong{color:#e4ca8e}
@media(max-width:750px){.armory-toolbar{flex-wrap:wrap;gap:14px}.armory-toolbar .armory-mode{margin-left:auto}.pvp-leaders{gap:10px}.pvp-leader{padding:20px 10px;min-height:221px}.pvp-leader-1{min-height:241px}.leader-name{font-size:14px}.leader-score{flex-direction:column;align-items:center;gap:4px}.leader-score strong{font-size:27px}}
@media(max-width:520px){.armory-toolbar{display:block;margin-top:18px}.armory-toolbar .armory-mode{justify-content:space-between;margin-top:12px}.mode-switch{font-size:11px}.pvp-leaders{grid-template-columns:1fr;gap:9px;margin-top:19px}.pvp-leader,.pvp-leader-1{order:initial;min-height:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;text-align:left;padding:17px}.pvp-leader .character-avatar{grid-column:1;grid-row:1/span 2;width:40px;height:40px;margin:0}.leader-place{display:none}.leader-name{grid-column:2;grid-row:1;align-self:end}.leader-class{grid-column:2;grid-row:2;margin:0;align-self:start}.leader-score{grid-column:3;grid-row:1/span 2;align-items:flex-end;margin:0;gap:3px}.leader-score strong{font-size:25px}.leader-score small{font-size:8px}}
.pvp-empty{padding:24px;border:1px solid var(--line);background:#111b27;color:#a8bdcc;font-size:13px;line-height:1.7}
.pvp-scope{font-size:11px;color:#8fa6b8;margin:14px 0 0}
.pvp-outlook{margin-top:30px;padding:22px 24px;background:#111b27;border:1px solid #304455;border-radius:5px}
.pvp-outlook .eyebrow{font-size:9px;margin-bottom:8px}
.pvp-outlook h3{font:400 23px/1.2 Georgia,serif;color:#dcd2bc;margin:0 0 14px}
.pvp-outlook ul{padding-left:18px;margin:0;color:#aabfce;font-size:12px;line-height:2}
@media(max-width:1100px){.armory-landscape{margin:0 -32px}.companion-card{gap:15px;padding:17px}.curseforge-badge{min-width:165px;padding:11px 13px}}
@media(max-width:750px){.companion-card{grid-template-columns:64px minmax(0,1fr);gap:13px 16px}.companion-wolf{width:64px;height:64px;grid-row:1/span 2;align-self:start}.companion-copy h2{font-size:21px}.curseforge-badge{grid-column:2;justify-self:start;padding:9px 12px;min-width:0}.curseforge-badge img{width:25px;height:25px}.curseforge-badge strong{font-size:14px}.armory-landscape{height:165px;background-position:65% 43%}}
@media(max-width:520px){.armory-landscape{margin:0 -20px;height:145px}.section-heading h1{font-size:27px}.companion-card{padding:16px;grid-template-columns:48px minmax(0,1fr);gap:12px}.companion-wolf{width:48px;height:48px}.companion-copy h2{font-size:20px}.companion-copy p{font-size:11px}.profile-honor{gap:13px;padding:13px}.profile-honor>div:first-child{font-size:25px}.pvp-table-shell .character-cell{min-width:150px}.pvp-table-shell th,.pvp-table-shell td{padding-left:10px;padding-right:10px}.pvp-table-shell .rank-col{width:35px}.pvp-kills strong{font-size:23px}.pvp-outlook{padding:19px}}
/* Final label widths also cover the longer user-facing Addon-Import name. */
.data-age-label{width:65px;flex-shrink:0}.companion-col{width:110px;min-width:110px}.profile-identity>div:not(.profile-level){min-width:0}
@media(max-width:650px){.data-age-label{width:55px;font-size:8px}.companion-col{width:65px;min-width:65px;letter-spacing:0}}

/* Only game names change language; navigation, controls and dates stay German. */
.site-header .guild-header-controls{gap:10px 14px;flex-wrap:wrap}
.game-language{display:flex;align-items:center;gap:8px;flex:none;padding:8px 10px;border:1px solid #40576a;border-radius:5px;background:#152432;color:#9db6c8}
.game-language>span{font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.game-language select{width:46px;border:0;background:transparent;color:#e1c891;font-size:11px;cursor:pointer;padding:3px 0}
.game-language option{background:#152432;color:#e2ecf2}
.gear-enchant{display:block;font-size:10px;color:#1eff00;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}
.recipe-facts{display:grid;gap:12px;margin:13px 0}
.recipe-facts:empty{display:none}
.recipe-skill{font-size:10px;color:#a9bdcd;line-height:1.5}
.recipe-row-name>.recipe-skill{display:block;margin-top:4px}
.recipe-output{display:flex;gap:11px;align-items:center;padding:11px 12px;border:1px solid #3a5367;border-radius:4px;background:#102231}
.recipe-output:hover{border-color:#a68f59;background:#1a3040}
.recipe-output>span:last-child{min-width:0}
.recipe-output strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.recipe-output small{display:block;font-size:9px;color:#96afc0;margin:3px 0}
.quality-text[data-quality="0"]{color:#9d9d9d}.quality-text[data-quality="1"]{color:#ffffff}.quality-text[data-quality="2"]{color:#1eff00}.quality-text[data-quality="3"]{color:#0070dd}.quality-text[data-quality="4"]{color:#a335ee}.quality-text[data-quality="5"]{color:#ff8000}.quality-text[data-quality="6"]{color:#e6cc80}.quality-text[data-quality="7"]{color:#00ccff}
@media(min-width:851px) and (max-width:1279px){.site-header .guild-header-controls{align-items:flex-end}}
@media(max-width:850px){.site-header .guild-header-controls{justify-content:center}.game-language{margin-left:auto;margin-top:6px}.game-language>span{font-size:8px}}

/* A quiet illuminated edge makes the companion visible without moving content. */
.companion-card{position:relative;isolation:isolate;border-color:#4d859d;background:radial-gradient(ellipse at 6% 0%,#1e82952b,transparent 62%),linear-gradient(110deg,#172f3e,#121f2b);box-shadow:0 0 0 1px #55cde20d,0 8px 28px #003a502b}
.companion-card:before{content:'';position:absolute;left:14px;right:14px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#8be4f18c,transparent)}
.gear-slot strong{font-size:14px;line-height:1.45}.gear-slot.empty{min-height:64px}.gear-slot.empty>div{align-self:center}
.site-header .guild-site-nav a{justify-content:center}.site-header .guild-site-nav a>span{text-align:center}
.profile-talents{grid-column:1/-1;margin-top:7px;padding:20px 22px;background:linear-gradient(120deg,#172b3a,#111f2b);border:1px solid #3d5a6e;border-radius:5px}
.talent-set-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.talent-set-button{padding:8px 13px;border:1px solid #3e586b;border-radius:4px;background:#152535;color:#a7bfce;font-size:11px}
.talent-set-button[aria-pressed=true]{border-color:#bba373;background:#bba37313;color:#e0c995}
.talent-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:15px 0 18px}
.talent-summary>strong{font:400 25px/1.2 Georgia,serif;color:#e3d6b9}.talent-distribution{font-size:17px;font-variant-numeric:tabular-nums;color:#a5cfdf;letter-spacing:.06em}
.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.talent-tree>div{display:flex;justify-content:space-between;gap:9px;color:#a9bfce;font-size:11px}.talent-tree strong{color:#dfc88f;font-variant-numeric:tabular-nums}.talent-tree progress{width:100%;height:6px;margin-top:9px;accent-color:#8dc7d6}
.character-text .character-talents{font-size:10px;color:#8faabd;margin-top:5px}.tooltip-talents{font-size:11px;color:#c8b37f}
.talent-demo-note{font-size:10px;line-height:1.6;color:#8da8b9;margin:16px 0 0}
.armory-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.armory-tabs button>svg{width:17px;height:17px;flex:none}
.statistics-trigger{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:9px 12px;border:1px solid #456174;border-radius:5px;background:#172a39;color:#cfdae3;font-size:11px}.statistics-trigger svg{width:16px;height:16px}.statistics-trigger:hover{border-color:#beaa79;color:#e4c887}
.list-meta{gap:12px;flex-wrap:wrap}.list-meta>.game-language{margin:0}.character-text{display:flex;flex-direction:column;gap:2px}.character-text strong{line-height:1.15}.character-text small,.character-text .character-talents{margin:0;line-height:1.1}.character-button{align-items:center}.tooltip-talents{display:block;margin-top:15px;padding-top:11px;border-top:1px solid #69819744;line-height:1.6}
.profile-talent-link{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;margin:15px 0 0;padding:12px 15px;text-align:left;border:1px solid #536c7c;border-radius:5px;background:linear-gradient(100deg,#243848,#172630);color:#a9c0cf;font-size:11px}.profile-talent-link strong{color:#e1c994;font-size:14px}.talent-link-points{font-variant-numeric:tabular-nums}.talent-link-action{margin-left:auto;color:#cdb57d}.profile-talent-link:hover{border-color:#c7ad74;background:#263d4b}
.talent-dialog,.statistics-dialog{position:relative;border:1px solid #547082;border-radius:9px;background:#0f1c29;color:#d2e0e9;padding:32px;width:min(1180px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 22px 100px #0009}.statistics-dialog{width:min(980px,calc(100vw - 30px))}.talent-dialog::backdrop,.statistics-dialog::backdrop{background:#03090ed9;backdrop-filter:blur(5px)}.talent-dialog h2,.statistics-dialog h2{font:400 31px/1.2 Georgia,serif;margin:0 40px 12px 0;color:#e9ddc5}.talent-view-note,.statistics-intro{font-size:12px;line-height:1.7;color:#9fb5c6;max-width:900px}
.talent-tree-tabs{display:flex;gap:7px;margin:18px 0;flex-wrap:wrap}.talent-tree-tab{padding:9px 13px;border:1px solid #3b566a;border-radius:4px;background:#172b3b;color:#a9becc;font-size:11px}.talent-tree-tab[aria-pressed=true]{border-color:#af9764;color:#ebcf91;background:#c8a85d12}
.talent-tree-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.talent-tree-card{min-width:0;border:1px solid #435767;border-radius:6px;overflow:hidden;background:#142230}.talent-tree-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 16px;background:linear-gradient(100deg,#26394b,#172735);border-bottom:1px solid #8f7c4d66}.talent-tree-heading h3{font:400 21px Georgia,serif;color:#e2cfaa;margin:0}.talent-tree-heading>strong{font:24px Georgia,serif;color:#d6b679}.talent-tree-canvas{position:relative;background-position:center;background-size:cover;min-height:290px}.talent-tree-canvas:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0009}.talent-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.talent-connectors polyline{fill:none;stroke:#597285;stroke-width:2;opacity:.65}.talent-connectors .invested{stroke:#d0af6d;opacity:1}
.talent-node{position:absolute;z-index:1;transform:translate(-50%,-50%);width:43px;height:43px;border:2px solid #4d5a65;border-radius:5px;background:#101923;box-shadow:0 3px 9px #0009}.talent-node-icon{display:block;width:100%;height:100%;border-radius:2px;object-fit:cover;filter:grayscale(1);opacity:.57}.talent-node.learned{border-color:#d0b06a;box-shadow:0 0 12px #d2ad5333,0 3px 10px #0009}.talent-node.learned .talent-node-icon{filter:none;opacity:1}.talent-node.complete{border-color:#f0ce83}.talent-node:hover{border-color:#e0cf9c;transform:translate(-50%,-50%) scale(1.08);z-index:3}.talent-node.unknown{border-style:dashed}.talent-rank{position:absolute;bottom:-7px;right:-7px;min-width:25px;padding:1px 4px;border:1px solid #566a78;border-radius:3px;background:#08111cef;color:#a7b9c6;font:700 10px/1.3 Arial,sans-serif;text-align:center}.talent-node.learned .talent-rank{color:#f1d18c;border-color:#a88b4f}.talent-view-legend,.talent-source-note{font-size:10px;color:#a6bac8;line-height:1.7;margin:17px 0 0}.talent-source-note{color:#718d9f;margin-top:7px}
.statistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.statistics-card{padding:21px;border:1px solid #385266;border-radius:6px;background:linear-gradient(125deg,#192e3f,#132333)}.statistics-card h3{font:400 23px Georgia,serif;color:#e0caa5;margin:0 0 18px}.statistics-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(55px,1.6fr) 25px;align-items:center;gap:10px;margin:13px 0;font-size:11px}.statistics-label{overflow-wrap:anywhere}.statistics-row>strong{text-align:right;color:#d8c79e}.statistics-track{height:8px;background:#07121b;border-radius:3px;overflow:hidden}.statistics-track>i{display:block;height:100%;border-radius:3px}.statistics-levels{grid-column:1/-1}.statistics-histogram{display:flex;gap:14px;height:185px;margin-top:32px}.statistics-column{flex:1;min-width:0;text-align:center;font-size:10px;color:#a5bbcb}.statistics-bar-space{height:150px;display:flex;align-items:flex-end;border-bottom:1px solid #506a7d}.statistics-bar-space>i{display:block;position:relative;width:100%;background:linear-gradient(#91bbcc,#365f7a);border-radius:4px 4px 0 0;min-height:1px}.statistics-bar-space strong{position:absolute;top:-23px;left:0;right:0;font:400 16px Georgia,serif;color:#d5c39c}.statistics-column>span{display:block;margin-top:9px}
@keyframes companion-purple-pulse{0%,100%{border-color:#75568f;box-shadow:0 0 0 1px #ad70d30b,0 0 18px #9345c410}50%{border-color:#b880e5;box-shadow:0 0 0 1px #bd8cec33,0 0 28px #9d4ace35}}
.companion-card{animation:companion-purple-pulse 3.8s ease-in-out infinite}.curseforge-badge:hover{border-color:#ef8a54;background:#32251f}.companion-card .companion-copy h2{font-size:22px}
@media(prefers-reduced-motion:reduce){.companion-card{animation:none;border-color:#a479c7}.talent-node:hover{transform:translate(-50%,-50%)}}
@media(max-width:850px){.talent-tree-grid{display:block}.talent-tree-card[data-selected=false]{display:none}.talent-tree-card{max-width:440px;margin:auto}.talent-tree-canvas{max-width:440px}.talent-tree-tabs{justify-content:center}.talent-tree-heading h3{font-size:23px}}
@media(max-width:520px){.armory-tabs button{font-size:11px;padding:9px;gap:5px}.armory-tabs button>svg{width:14px;height:14px}.list-meta>p{flex-basis:100%}.profile-talent-link{gap:6px 9px}.talent-link-action{flex-basis:100%;margin:0}.talent-dialog,.statistics-dialog{padding:27px 17px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.talent-dialog h2,.statistics-dialog h2{font-size:26px}.statistics-grid{grid-template-columns:1fr;gap:13px}.statistics-card{padding:18px 15px}.statistics-histogram{gap:7px}.statistics-column{font-size:8px}.talent-tree-tab{padding:8px;font-size:10px}.companion-card .companion-copy h2{font-size:20px}}
@media(max-width:850px){.site-header .guild-brand{align-self:flex-start;justify-content:flex-start;margin-left:0!important;margin-right:auto!important}.site-header .guild-brand-lockup{text-align:left}.site-header .guild-header-controls{justify-content:flex-start;width:100%}}
@media(max-width:650px){
 .companion-card{grid-template-columns:48px minmax(0,1fr);gap:5px 12px;padding:15px 16px;margin-bottom:20px}
 .companion-card .companion-wolf{grid-column:1;grid-row:1/span 2;width:48px;height:48px;align-self:center}
 .companion-card .companion-copy{display:contents}
 .companion-card .companion-kicker{grid-column:2;grid-row:1;font-size:7px;line-height:1.3;margin:0;align-self:end}
 .companion-card .companion-copy h2{grid-column:2;grid-row:2;font-size:21px;line-height:1.25;margin:0;align-self:start}
 .companion-card .companion-copy>p:not(.companion-kicker){grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.65;margin:7px 0 8px;max-width:none}
 .companion-card .curseforge-badge{grid-column:1/-1;grid-row:4;justify-self:stretch;min-width:0;padding:8px 11px;gap:10px}
 .companion-card .curseforge-badge img{width:25px;height:25px}
 .companion-card .curseforge-badge>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px}
 .companion-card .curseforge-badge strong{font-size:14px}
 .companion-card .curseforge-badge small{font-size:8px;margin:0}
 .profile-talents{padding:17px 16px}.talent-trees{grid-template-columns:1fr;gap:13px}.talent-summary{margin-top:12px;gap:9px}.talent-summary>strong{font-size:23px}.talent-distribution{font-size:15px}
 .gear-slot strong{font-size:13px}.site-header .guild-site-nav a{gap:4px}
}

/* Compact identity rows and an unobtrusive language control beside the filters. */
.talent-dialog,.statistics-dialog{position:fixed;inset:0;margin:auto}
.character-text{display:flex;flex-direction:column;gap:2px;line-height:1.15}.character-text strong{line-height:1.18;margin:0}.character-text small{line-height:1.15;margin:0}.character-text .character-talents{font-size:10px;margin-top:0;line-height:1.15}.character-button{align-items:center}
.tooltip-talents{margin:15px 0 10px;padding-top:11px;border-top:1px solid #40536788;line-height:1.6}
.list-meta>.game-language{margin:0 0 0 auto;align-self:center;background:#142230;border-color:#344d60;padding:7px 10px}.list-meta{min-height:37px;gap:14px}.list-meta>p{margin-right:8px}
@media(max-width:650px){.list-meta>.game-language{padding:6px 8px}.list-meta>.game-language>span{font-size:7px}.list-meta>.game-language select{font-size:10px}.character-text{gap:2px}.character-text .character-talents{font-size:9px}}

/* Keep character statistics and language together at the right edge. */
.list-controls{display:flex;align-items:stretch;flex:0 0 auto;gap:8px;margin-left:auto;max-width:100%}
.list-controls>.statistics-trigger,.list-controls>.game-language{margin:0;min-height:36px}
.list-controls>.game-language{align-self:stretch;background:#142230;border-color:#344d60;padding:7px 10px}
@media(max-width:650px){.list-controls{gap:7px}.list-controls>.game-language{padding:6px 8px}.list-controls>.game-language>span{font-size:7px}.list-controls>.game-language select{font-size:10px}}

/* Official profession artwork, with a fixed icon column for either language. */
.profession-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;overflow:hidden;border-radius:3px;border:1px solid #8294a54a;background:#101c27;vertical-align:middle}
.profession-icon img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92}
.profession-icon .image-unknown{display:grid;place-items:center;width:100%;height:100%;font-size:11px;color:#92a8ba}
.profession-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;box-sizing:border-box;padding:4px 7px;line-height:1.25}
.profession-tag .profession-icon{width:16px;height:16px;flex-basis:16px;border-radius:2px;border-color:#8196a334}
.profession-tag-label{min-width:0;overflow-wrap:anywhere}
.profession-category{display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:13px;row-gap:3px}
.profession-category>.profession-icon{width:36px;height:36px;flex-basis:36px;align-self:center;border-color:#a6b2bc55}
.profession-category-copy{min-width:0}
.profession-category-copy strong{overflow-wrap:anywhere}
.profession-category .category-label{max-width:85px;justify-self:end;line-height:1.5}
@media(max-width:600px){.profession-category{grid-template-columns:32px minmax(0,1fr);column-gap:11px;row-gap:7px}.profession-category>.profession-icon{width:32px;height:32px;grid-row:1/span 2;align-self:start}.profession-category .category-label{grid-column:2;justify-self:start;text-align:left;max-width:none}.profession-category-copy strong{font-size:22px}}

/* Character-profile refinements: identity, game icons and useful shortcuts. */
.profile-identity{align-items:center}
.profile-portrait{display:flex;flex:0 0 132px;flex-direction:column;align-items:center;gap:8px;width:132px;max-width:32%;min-width:0}
.profile-portrait .character-avatar{width:61px;height:61px}
.profile-portrait .profile-guild{display:block;max-width:100%;font-size:13px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.profile-portrait .profile-demo{display:block;margin:5px 0 0;font-size:8px}
.profile-identity>div:not(.profile-portrait):not(.profile-level){flex:1 1 auto}
.profile-meta{margin-top:14px}
.profile-talent-summary{display:inline-flex;align-items:center;gap:9px;min-width:0}
.profile-spec-icon{display:inline-grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #7d71a266;border-radius:3px;background:#101b29;overflow:hidden}
.profile-spec-icon img{display:block;width:100%;height:100%;object-fit:cover}
button.profile-honor{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .2s,background .2s}
button.profile-honor:hover{border-color:#c8ae76aa;background:#c7ad7012}
button.profile-honor:focus-visible,.profile-profession-button:focus-visible{outline:2px solid #d5bd88;outline-offset:3px}
.profile-honor strong{font-size:17px;font-weight:500;line-height:1.3}
.profile-honor .profile-honor-rank{font-size:11px;color:#d1ba8a}
button.profile-profession-button{appearance:none;width:100%;min-width:0;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .2s,border-color .2s}
button.profile-profession-button:hover{border-color:#688095;background:#1b3041}
.profile-profession-button>.profile-profession-heading{justify-content:flex-start;align-items:center;gap:11px}
.profile-profession-copy{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:space-between;gap:8px}
.profile-profession-copy strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.profile-profession-copy>span{flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:520px){
 .profile-portrait{flex-basis:88px;width:88px;gap:7px}
 .profile-portrait .character-avatar{width:48px;height:48px}
 .profile-portrait .profile-guild{font-size:12px}
 .profile-meta{margin-top:12px}
 .profile-honor strong{font-size:15px}
 .profile-spec-icon{flex-basis:24px;width:24px;height:24px}
 .profile-profession-button{padding:13px 12px}
 .profile-profession-copy{flex-wrap:wrap;gap:3px 9px}
}

/* Statistics leads the character summary; language keeps its right-hand slot. */
.character-summary{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 auto;flex-wrap:wrap}.character-summary>p{margin:0;color:#a5b5c4;font-size:12px}.character-summary>.statistics-trigger{margin:0;flex:0 0 auto;min-height:36px}.list-meta:empty{display:none}
.character-text .character-talents,.tooltip-talents{display:flex;align-items:center;gap:6px}.talent-summary-icon{display:inline-flex;flex:0 0 14px;width:14px;height:14px;overflow:hidden;border-radius:2px}.talent-summary-icon img{width:100%;height:100%;object-fit:cover}.profile-identity>div:not(.profile-portrait):not(.profile-level){min-width:0}.profile-identity h2{overflow-wrap:anywhere}
@media(max-width:650px){.character-summary{gap:10px;flex-basis:100%}.character-summary>p{font-size:11px}.character-summary>.statistics-trigger{font-size:11px;min-height:34px}.list-controls{margin-left:auto}}

/* BEGIN Frostwolf mobile layout v17 */
/* Keep every character column inside a native horizontal scroller. */
#characters{min-width:0;max-width:100%}
#table-shell{display:block;width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
#table-shell>table{width:100%;min-width:930px;table-layout:auto}
#table-shell .prof-col,#table-shell .prof-cell,#table-shell .rank-col,#table-shell .rank-cell{display:table-cell}
#table-shell .rank-col,#table-shell .rank-cell{width:42px;min-width:42px}
#table-shell .character-cell,#table-shell th:nth-child(2){min-width:244px}
#table-shell .level-cell,#table-shell th:nth-child(3){min-width:70px}
#table-shell .prof-col,#table-shell .prof-cell{min-width:220px}
#table-shell .companion-col,#table-shell .companion-cell{min-width:108px}
#table-shell .age-col,#table-shell .age-cell{min-width:190px}
#table-shell .character-button{max-width:100%;min-width:0;gap:11px;align-items:center}
#table-shell .character-avatar{width:48px;height:48px;flex:0 0 48px}
#table-shell .character-text{min-width:0;max-width:320px}
#table-shell .character-text small{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}

/* Statistics, count and language stay on the same row. */
#characters>.list-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0}
#characters .character-summary{display:contents}
#characters .character-summary>p{flex:1 1 auto;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#characters .character-summary>.statistics-trigger{flex:0 0 auto;margin:0;white-space:nowrap}
.list-controls{min-width:0;max-width:100%;flex-wrap:nowrap;align-items:stretch;gap:7px}
.list-controls>.game-language{flex:0 0 auto;margin:0;min-height:36px}
.list-controls .game-language select{width:40px;min-width:40px;height:22px;padding:0}
.section-heading>.list-controls{align-self:flex-start;margin-left:auto}
.profession-section>.section-heading,#pvp>.section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
.profession-section>.list-meta{display:none}
.profession-section>.section-description{margin-bottom:18px}
.profession-section>.recipe-finder{margin-top:0}
.profession-language-controls{display:none}

/* Equal flexible tracks above and below the name centre the NAME itself on
   the portrait. The subtitle follows the name immediately in the lower track. */
.profile-identity{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-template-rows:1fr auto 1fr auto;gap:3px 12px;align-items:center}
.profile-portrait{display:contents}
.profile-portrait .character-avatar{grid-column:1;grid-row:1/span 3;align-self:center;justify-self:center;width:68px;height:68px}
.profile-portrait .profile-guild{grid-column:1;grid-row:4;justify-self:stretch;align-self:start;margin:0;padding-top:5px}
.profile-title{display:contents}
.profile-title h2{grid-column:2;grid-row:2;align-self:center;min-width:0;margin:0;line-height:1.08}
.profile-title .profile-subtitle{grid-column:2;grid-row:3;align-self:start;min-width:0;margin:0;line-height:1.35}
.profile-level{grid-column:3;grid-row:1/span 3;align-self:center;margin-left:0;padding-left:10px}
.profile-level strong{font-size:52px}
.profile-meta{align-items:center;justify-content:flex-start;gap:12px 20px}
.profile-meta>.data-ages{flex:0 1 auto;min-width:0}
.profile-meta>.profile-source{flex:0 1 auto;min-width:0;margin:0 0 0 auto;align-items:center;flex-wrap:wrap;gap:8px}
.profile-meta>.profile-source .test-flavor{margin:0}

@media(max-width:800px){
 #table-shell>table{min-width:930px}
 #table-shell .prof-col,#table-shell .prof-cell,#table-shell .rank-col,#table-shell .rank-cell{display:table-cell}
}
@media(max-width:650px){
 #characters>.list-meta{gap:6px}
 #characters .character-summary>p{font-size:10px;line-height:1.3}
 #characters .character-summary>.statistics-trigger{min-height:32px;padding:7px 8px;gap:5px;font-size:10px;line-height:1.3}
 #characters .statistics-trigger>svg{width:13px;height:13px;flex:0 0 13px}
 .list-controls>.game-language{min-height:32px;padding:5px 6px;gap:0}
 .list-controls .game-language select{width:36px;min-width:36px;font-size:10px}
 .list-controls{gap:5px}
 .profession-section>.recipe-finder{margin-bottom:0}
 .profession-language-controls:not(:empty){display:flex;justify-content:flex-end;margin:10px 0 20px}
}
@media(max-width:520px){
 #table-shell{margin-left:0;margin-right:0}
 #table-shell .character-cell,#table-shell th:nth-child(2){min-width:238px}
 #table-shell .character-avatar{width:48px;height:48px;flex-basis:48px}
 #table-shell .character-button{gap:10px}
 .profile-identity{grid-template-columns:80px minmax(0,1fr) auto;column-gap:10px}
 .profile-portrait .character-avatar{width:58px;height:58px}
 .profile-level{padding-left:3px}
 .profile-level strong{font-size:44px}
 .profile-meta{align-items:flex-start;gap:12px 16px}
 .profile-meta>.profile-source{max-width:100%}
}

/* A quiet release clock sits within the landscape without changing its height. */
.release-countdown{position:absolute;z-index:1;right:64px;bottom:18px;display:grid;gap:8px;padding:12px 18px;border:1px solid #b79f6b44;border-radius:6px;background:linear-gradient(135deg,#15222ade,#17232ee8);box-shadow:0 3px 18px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.release-countdown-label{font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ddcca6}
.release-countdown-values{display:flex;align-items:center;gap:16px}
.countdown-unit{display:grid;gap:4px;min-width:30px;text-align:center}
.countdown-unit strong{font-size:22px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums;color:#e6dfcd}
.countdown-unit small{font-size:7px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#a7b9c9}
@media(max-width:1000px){.release-countdown{right:32px}}
@media(max-width:520px){.release-countdown{right:20px;bottom:12px;padding:10px 14px;gap:7px}.release-countdown-values{gap:13px}.countdown-unit strong{font-size:19px}.release-countdown-label{font-size:7px}}

/* The clock is independent of the text height: its bottom follows the subline. */
.section-subline{position:relative;display:block;margin:8px 0 18px}
.section-subline>.section-description{min-width:0;margin:0}
.section-subline>.release-countdown{position:absolute;inset:auto 0 0 auto;max-width:330px;margin:0}
@media(min-width:701px){
 .character-section:has(>.section-subline>.release-countdown:not([hidden]))>.section-heading{padding-right:350px}
 .section-subline:has(>.release-countdown:not([hidden]))>.section-description{padding-right:350px}
}
@media(max-width:700px){.section-subline>.release-countdown{display:none!important}}

/* An official PvP achievement icon gives the honor button a clear visual cue. */
.profile-honor{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center}
.profile-honor-icon{display:grid;grid-column:1;grid-row:1;place-items:center;width:36px;height:36px;overflow:hidden;border:1px solid #d7b37466;border-radius:4px;background:#201b29}
.profile-honor-icon img{display:block;width:100%;height:100%;object-fit:cover}
.profile-honor-copy{grid-column:2;grid-row:1;min-width:0}
.profile-honor-value{grid-column:3;grid-row:1;font:30px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:#e2c98e}
.profile-honor-value.unknown{font-family:inherit;font-size:13px;line-height:1.3;max-width:9ch;white-space:normal;overflow-wrap:anywhere}
@media(max-width:520px){.profile-honor{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}.profile-honor-icon{width:32px;height:32px}.profile-honor-value{font-size:27px}.profile-honor-value.unknown{font-size:12px}}
/* END Frostwolf mobile layout v17 */

/* Compact PvP scorecards keep wins prominent and match counts secondary. */
.pvp-controls{display:flex;justify-content:flex-end;gap:10px;align-items:stretch;margin:0 0 16px}
.pvp-controls>.list-controls{flex:0 0 auto;margin-left:0;align-self:stretch}
.pvp-controls .game-language{margin:0;min-height:0}
.pvp-sort{min-width:225px;max-width:100%}
#pvp-table-shell{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
#pvp-table-shell>table{min-width:1090px;width:100%;table-layout:auto}
#pvp-table-shell .rank-col,#pvp-table-shell .rank-cell{display:table-cell;width:36px;min-width:36px}
#pvp-table-shell .character-cell{min-width:225px;max-width:300px}
#pvp-table-shell .character-button{max-width:100%;gap:11px}
#pvp-table-shell .character-text{min-width:0}
#pvp-table-shell .character-text strong{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
#pvp-table-shell .character-text small{white-space:normal;line-height:1.35}
#pvp-table-shell .pvp-stat-cell{min-width:96px;padding:10px 8px;text-align:center;vertical-align:middle;font-variant-numeric:tabular-nums}
#pvp-table-shell .pvp-honor-heading{min-width:122px;text-align:center;max-width:145px}
#pvp-table-shell .pvp-duels-heading{min-width:109px;text-align:center;max-width:128px}
#pvp-table-shell .pvp-map-heading{min-width:95px;padding:11px 7px 10px;text-align:center}
.pvp-map-heading img{display:block;width:32px;height:32px;object-fit:cover;margin:0 auto;border:1px solid #b3b6bb66;border-radius:3px;box-shadow:0 2px 7px #0004}
.pvp-map-heading small{display:block;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:.08em;color:#a4b7c8}
#pvp-table-shell .age-col,#pvp-table-shell .age-cell{display:table-cell;min-width:142px}
.pvp-stat-button,.pvp-stat-value{display:inline-flex;min-height:48px;min-width:64px;max-width:100%;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:5px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#d9d8d3}
.pvp-stat-button{cursor:pointer}
.pvp-stat-value{cursor:default}
.pvp-stat-button>strong,.pvp-stat-value>strong{font:24px/1.05 Georgia,serif;color:#dfd6c4;font-variant-numeric:tabular-nums}
.pvp-kills .pvp-stat-button>strong{color:#e2c98e}
.pvp-stat-button>small,.pvp-stat-value>small,.pvp-kills .pvp-stat-button>small{display:block;font-size:9px;line-height:1.2;font-family:inherit;color:#9eafbd;white-space:nowrap;letter-spacing:0;margin:0}
.pvp-stat-button:hover{border-color:#9eafbd45;background:#a5b8cc0b}
.pvp-stat-button:focus-visible{outline:2px solid #c6b078;outline-offset:2px}
.pvp-stat-unavailable{color:#c4b08c}
.pvp-stat-dialog{max-width:510px;width:calc(100% - 32px);padding:30px 28px 25px}
.pvp-stat-dialog h2{font:400 28px/1.2 Georgia,serif;color:#e4d5b7;margin:9px 28px 24px 0}
.pvp-stat-dialog .eyebrow{margin:0 32px 0 0;color:#9fb1c1;font-size:10px;letter-spacing:.08em}
.pvp-detail-facts{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 23px;padding:20px 0;border-top:1px solid #65748444;border-bottom:1px solid #65748444}
.pvp-detail-facts>div{flex:1 1 90px;min-width:0}
.pvp-detail-facts dt{font-size:11px;color:#a8b9c7;line-height:1.4}
.pvp-detail-facts dd{margin:9px 0 0;font:29px/1.2 Georgia,serif;color:#e1cd9d;font-variant-numeric:tabular-nums}
.pvp-detail-note,.pvp-detail-total{font-size:12px;line-height:1.7;color:#b3c2ce;margin:12px 0 0}
.pvp-detail-age{font-size:11px;line-height:1.6;color:#8ea3b5;margin:17px 0 0}
@media(max-width:650px){.pvp-controls{margin-top:0;margin-bottom:14px}.pvp-sort{width:100%;min-width:0}.pvp-controls .pvp-sort{flex:1 1 0;width:auto;min-width:0}.pvp-stat-dialog{padding:27px 22px 23px}.pvp-stat-dialog h2{font-size:25px}.pvp-detail-facts{gap:18px}}

/* Let the landscape breathe through the requested surfaces, preserving contrast. */
.site-shell #professions>.recipe-finder{background:linear-gradient(120deg,#182432d9,#121c28e3);border-color:#344454;border-top-color:#859db3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.site-shell #professions .recipe-finder .eyebrow{color:#a4b7c8}
.site-shell #profession-directory .profession-group{background:#121c28db;border-color:#344454;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.site-shell #profession-directory .profession-category{background:linear-gradient(120deg,#18243294,#121c2870);border-color:#344454}
.site-shell #profession-directory .profession-category:hover{background:#25354794}
.site-shell #professions .recipe-search-row{background:#111b27;border-color:#344454}
.site-shell #professions .recipe-search-row:hover{background:#1a2838;border-color:#859db3}
.site-shell #table-shell{background:transparent}
.site-shell #table-shell>table{background:transparent}
.site-shell #table-shell thead{background:#182432d6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.site-shell #table-shell tbody{background:#111a25}

#table-shell>table{table-layout:fixed}
#table-shell th,#table-shell td{min-width:0;padding-left:10px;padding-right:10px;vertical-align:middle}
#table-shell .rank-col,#table-shell .rank-cell{min-width:0}
#table-shell .character-cell,#table-shell th:nth-child(2){min-width:0}
#table-shell .level-cell,#table-shell th:nth-child(3){min-width:0;text-align:center}
#table-shell .prof-cell,#table-shell .prof-col{min-width:0;text-align:center}
#table-shell .companion-col,#table-shell .companion-cell,#table-shell .age-col,#table-shell .age-cell{min-width:0}
#table-shell .professions{flex-direction:column;gap:5px;align-items:center;justify-content:center}
#table-shell .profession-tag{max-width:100%}
#table-shell .companion-state{max-width:100%}
#table-shell .world-hk-col,#table-shell .world-hk-cell{text-align:center}
#table-shell .world-hk-cell{font:18px/1.2 Georgia,serif;color:#d5cdbf;font-variant-numeric:tabular-nums}
#table-shell .world-hk-value{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#table-shell .world-hk-value>svg{width:14px;height:14px;flex:none;color:#bba371}
.companion-state.update .companion-state-icon>b{color:#f0ad65;border-color:#b47a43;background:#33251c}
#table-shell .companion-state.update .companion-state-label{display:block;max-width:96px;text-align:center;white-space:normal;color:#dfb183;font-size:9px;line-height:1.3}
@media(max-width:800px){#table-shell>table{min-width:1120px}}

/* The recipe book belongs to the heading, leaving the search and its dock intact. */
.recipe-finder-heading{display:flex;align-items:center;gap:19px;margin-bottom:20px;min-width:0}
.recipe-finder-heading>.recipe-book{display:block;width:98.4px;height:98.4px;flex:0 0 98.4px;object-fit:contain;filter:drop-shadow(0 4px 7px #0004)}
.recipe-finder-heading>div{min-width:0}
.recipe-finder .recipe-finder-heading h3{margin:0;line-height:1.25}
@media(max-width:650px){.recipe-finder-heading{gap:13px;margin-bottom:18px}.recipe-finder-heading>.recipe-book{width:76.8px;height:76.8px;flex-basis:76.8px}.recipe-finder .recipe-finder-heading h3{font-size:23px}}

/* Only a voluntarily shared playtime appears as a quiet secondary profile fact. */
.profile-playtime{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid #34445470;border-radius:4px;background:#15213070}
.profile-playtime-clock{flex:none;font:25px/1 Georgia,serif;color:#8fa7bd}
.profile-playtime-copy{display:grid;gap:3px;min-width:0}
.profile-playtime-label{font-size:10px;line-height:1.3;color:#9eb1c4}
.profile-playtime-copy>strong{font-size:13px;line-height:1.4;font-weight:500;color:#d3dbe1;font-variant-numeric:tabular-nums}
.profile-playtime>time{margin-left:auto;max-width:180px;font-size:9px;line-height:1.5;color:#8fa4b8;text-align:right}
@media(max-width:520px){.profile-playtime{gap:10px;flex-wrap:wrap}.profile-playtime>time{margin-left:35px;max-width:none;text-align:left;font-size:9px;flex-basis:100%}}

/* Bound the PvP viewport; only the data table scrolls horizontally. */
#pvp{width:100%;min-width:0;max-width:100%}
#pvp-table-shell{display:block;contain:inline-size;position:relative}
/* Keep visually hidden BG labels inside their scroller's clipping context. */
#pvp-table-shell .sr-only{left:0;top:0}
.pvp-leaders,.pvp-controls,.pvp-leader{min-width:0;max-width:100%}
.pvp-controls select{min-width:0;max-width:100%}
@media(max-width:700px){
 #pvp .pvp-leaders{grid-template-columns:minmax(0,1fr)}
 #pvp .leader-name,#pvp .leader-class,#pvp .leader-score{min-width:0;overflow-wrap:anywhere}
 /* Fixed first tracks fit the phone; the remaining data stays in the scroller. */
 #table-shell th,#table-shell td{padding-left:6px;padding-right:6px}
 #table-shell .rank-col,#table-shell .rank-cell{width:26px;padding-left:2px;padding-right:2px}
 #table-shell .character-button{gap:8px}
 #table-shell .character-avatar{width:44px;height:44px;flex-basis:44px}
 #table-shell .character-text{max-width:100%;gap:2px}
 #table-shell .character-text strong{font-size:12px}
 #table-shell .character-text small,#table-shell .character-text .character-talents{font-size:9px}
 #table-shell .level-cell .level-number{font-size:30px}
}

/* Character-list update history; existing profile dates remain unchanged. */
.data-age-trigger{appearance:none;background:none;border:0;border-radius:2px;color:inherit;padding:0;text-align:left;cursor:pointer;font-family:inherit;font-weight:inherit}
.data-age-trigger:hover .data-age-label{color:#d7c59e}
.data-age-trigger:focus-visible{outline:2px solid #bba271;outline-offset:6px}
.upload-log-dialog{width:min(620px,calc(100vw - 30px));padding:30px 28px 26px}
.upload-log-dialog h2{margin-bottom:8px;font-size:29px}
.upload-log-character{margin:0;color:#cfc0a2;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.upload-log-description{margin:10px 0 22px;font-size:12px;color:#9fb3c2;line-height:1.6}
.upload-log-demo{padding:10px 12px;margin:0 0 18px;border:1px solid #75684966;border-radius:3px;background:#baa4740c;color:#c7b996;font-size:11px;line-height:1.6}
.upload-log-entries{list-style:none;margin:0;padding:0}
.upload-log-entry{position:relative;border-left:1px solid #405568;padding:0 0 21px 19px;margin:0 0 0 4px}
.upload-log-entry:last-child{padding-bottom:0}
.upload-log-entry:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#b5a278;box-shadow:0 0 0 4px #101d2a}
.upload-log-entry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.upload-log-entry-heading strong{font-size:13px;font-weight:600;color:#d6e0e8;overflow-wrap:anywhere;min-width:0}
.upload-log-entry-heading time{font-size:10px;color:#9eb2c1;white-space:nowrap}
.upload-log-counts{font-size:12px;color:#bdcbd5;line-height:1.6;margin:6px 0 0}
.upload-log-note{font-size:10px;color:#92a9ba;line-height:1.6;margin:5px 0 0}
.upload-log-status{font-size:12px;color:#aabfcd;line-height:1.7;margin:17px 0 0}
.upload-log-status:empty{display:none}
.upload-log-more{display:block;margin:21px auto 0;padding:9px 16px;border:1px solid #516578;border-radius:3px;background:#1b2b3a;color:#dfd2b6;font-size:12px;cursor:pointer}
.upload-log-more[hidden]{display:none}
.upload-log-more:disabled{opacity:.6;cursor:wait}
@media(max-width:520px){.upload-log-dialog{padding:26px 20px 23px}.upload-log-dialog h2{font-size:26px}.upload-log-entry-heading{gap:5px}.upload-log-entry-heading time{flex-basis:100%}.upload-log-entry{padding-left:16px}.upload-log-counts{font-size:11px}}

/* A character's chronicle: equipment follows the in-game paper doll. */
.profile-dialog.chronicle-profile{width:min(1160px,calc(100vw - 32px));max-width:1160px;margin:auto;background:#0e1823;border:1px solid #8c7954;border-radius:10px;box-shadow:0 32px 110px #000d,0 0 0 4px #8d755218}
.chronicle-profile .profile-heading{position:relative;isolation:isolate;padding:27px 32px 22px;background:linear-gradient(120deg,#111e2ded,#0e1721f2);border-bottom:1px solid #a48b5340}
.chronicle-profile .profile-heading:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#101b27,transparent),url('/frostwolf-armory/assets/armory-landscape-v18.webp') center 48%/cover;opacity:.12}
.chronicle-profile .profile-eyebrow{color:#c4ad7f;margin-bottom:20px;letter-spacing:.22em}
.chronicle-profile .profile-identity{display:grid;grid-template-columns:104px minmax(0,1fr) 155px;grid-template-rows:auto;gap:20px;align-items:center;padding:0 18px 0 0}
.chronicle-profile .profile-portrait{width:104px;max-width:none;grid-area:auto;display:flex;align-items:center;flex-direction:column;gap:9px}
.chronicle-profile .profile-portrait .character-avatar{width:82px;height:82px;flex-basis:82px;border:1px solid #b2a06d88;box-shadow:0 0 0 4px #26334077,0 7px 25px #0006;border-radius:5px}
.chronicle-profile .profile-portrait .profile-guild{grid-area:auto;max-width:none;padding:0;margin:0;font-size:10px;line-height:1.35;text-align:center;white-space:normal;width:135px;color:#b5c4c3}
.chronicle-profile .profile-demo{display:block;font-size:8px;letter-spacing:.12em;margin:4px 0 0;color:#a38f69}
.chronicle-profile .profile-title{display:block;grid-area:auto;min-width:0;align-self:center;transform:translateY(-10px)}
.chronicle-profile .profile-title h2{font:400 clamp(25px,3vw,37px)/1.15 Georgia,serif;margin:0 0 7px;color:var(--class-color);overflow-wrap:anywhere;text-shadow:0 3px 15px #0009}
.chronicle-profile .profile-subtitle{margin:0;font-size:12px;line-height:1.5;color:#b2c1ce}
.chronicle-profile .profile-level{grid-area:auto;margin:0;align-self:center;display:flex;flex-direction:column;align-items:center;padding:0;min-width:0}
.chronicle-profile .profile-level>strong{font:400 48px/.95 Georgia,serif;color:#ddc58e;text-shadow:0 3px 16px #aa82432b}
.chronicle-profile .profile-level>span{font-size:8px;letter-spacing:.2em;color:#af9e7b;margin-top:6px}
.capsule-control{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:14px;max-width:155px}
.capsule-control-label{font-size:10px;color:#c8b58b;letter-spacing:.05em;white-space:nowrap}
.capsule-select{width:145px;max-width:100%;border:1px solid #81714f88;border-radius:5px;padding:6px 9px;color:#ddceb1;background:#172331;font-size:11px;cursor:pointer}
.capsule-select:disabled{opacity:.6;cursor:wait}
.capsule-status{margin:8px 0 0;color:#9fb0be;font-size:10px;line-height:1.5}.capsule-status:empty{display:none}
.chronicle-profile .profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:20px 0 18px;padding:0;border:0}
.chronicle-profile .profile-source{margin:0;font-size:10px;gap:8px}.chronicle-profile .profile-source .companion-state{width:auto}.chronicle-profile .profile-source .companion-state-label{display:none}
.profile-archive-label{padding:5px 10px;border:1px solid #ae8b5677;border-radius:3px;background:#98713917;color:#d6c18e;font-size:11px}
.profile-summary,.profile-summary:has(.profile-playtime){display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.chronicle-profile .profile-summary>*{margin:0;border:1px solid #b9a47730;border-radius:6px;background:linear-gradient(145deg,#25344688,#111c2877);min-width:0;text-align:left;box-shadow:inset 0 1px #ffffff04;min-height:90px}
.chronicle-profile .profile-talent-link{display:grid;grid-template-columns:38px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:12px;width:230px;max-width:100%;flex:none}
.profile-talent-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.chronicle-profile .profile-summary-label{font-size:11px;letter-spacing:.03em;color:#a5b4c1}
.chronicle-profile .profile-talent-summary{font-size:18px;line-height:1.25;color:#e0d2b2}.chronicle-profile .profile-talent-summary strong{font-size:inherit}
.chronicle-profile .profile-spec-icon{width:38px;height:38px;flex-basis:38px;border-radius:4px}.chronicle-profile .talent-link-points{font-size:11px;color:#a6b8c8}.chronicle-profile .talent-link-action{font-size:24px;line-height:1;color:#c0aa7b;margin:0;flex-basis:auto}
.chronicle-profile .profile-honor{display:grid;grid-template-columns:34px auto minmax(0,1fr);grid-template-areas:"icon value label";align-content:center;align-items:center;gap:8px;padding:12px;width:225px;max-width:100%;flex:none}
.chronicle-profile .profile-honor-icon{width:34px;height:34px;grid-area:icon}
.chronicle-profile .profile-honor-value{grid-area:value;font:30px/1 Georgia,serif;text-align:left;color:#dfc48c}
.chronicle-profile .profile-honor-value.unknown{font:12px Arial,sans-serif;color:#9eb1be}
.chronicle-profile .profile-honor-copy{grid-area:label;margin:0}.chronicle-profile .profile-honor-copy>strong{font-size:12px;line-height:1.35;font-weight:400;color:#b7c4cd}.chronicle-profile .profile-honor-rank{font-size:10px;color:#9caaaf;display:block;margin-top:3px}
.chronicle-profile .profile-playtime{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 8px;padding:12px;width:295px;max-width:100%;flex:none}
.chronicle-profile .profile-playtime-clock{grid-row:1 / 3;font-size:28px;color:#ae9a72;align-self:center}
.chronicle-profile .profile-playtime-copy{display:flex;flex-direction:column;gap:4px}.chronicle-profile .profile-playtime-copy>strong{font:20px/1.2 Georgia,serif;color:#d4c5a6}
.chronicle-profile .profile-playtime-label{font-size:11px;color:#b7c4cd}.chronicle-profile .profile-playtime>time{grid-column:2;text-align:left;margin:0;font-size:10px;max-width:100%;color:#91a4b0}
.chronicle-profile .profile-body{display:block;padding:24px 28px 30px;background:radial-gradient(ellipse at 50% 20%,#25354b38,transparent 65%)}
.chronicle-profile .profile-section-header{margin:0 0 17px}.chronicle-profile .profile-section-header h3{font:22px Georgia,serif;color:#e1d4b9}
.paperdoll{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,1.18fr) minmax(0,1fr);grid-template-areas:"left model right" "weapons weapons weapons";gap:18px 14px;position:relative}
.paperdoll-left{grid-area:left}.paperdoll-right{grid-area:right}.paperdoll-left,.paperdoll-right{display:grid;grid-template-rows:repeat(8,minmax(54px,auto));gap:7px;min-width:0;z-index:1}
.paperdoll-model{grid-area:model;position:relative;min-width:0;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#baa16920,transparent 37%),radial-gradient(ellipse at 50% 48%,#1d425241,transparent 68%)}
.paperdoll-model:before{content:"";position:absolute;bottom:1px;left:10%;right:10%;height:34px;border:1px solid #ad935433;border-radius:50%;box-shadow:0 0 30px #bca26412,inset 0 0 22px #ae986d10;z-index:-1}
.paperdoll-model canvas{max-width:100%;pointer-events:none}.paperdoll-model .character-render{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 17px #0006)}
.character-model-status{margin:auto 15px;text-align:center;color:#8fa6b6;font-size:11px;line-height:1.7;max-width:225px}.character-model-retry{margin-top:8px}
.character-model-stage{position:absolute;inset:0;pointer-events:none;opacity:0}.character-model-stage canvas{display:block;max-width:100%}
.character-model-stage.interactive{position:absolute!important;z-index:1;pointer-events:auto;touch-action:pan-y;cursor:grab;outline-offset:-3px}.character-model-stage.interactive:active{cursor:grabbing}.character-model-stage.interactive:focus-visible{outline:1px solid #c4ad7f88}
.model-switch{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:3px}
.model-switch-button{border:1px solid #766b5144;border-radius:4px;background:#132130cc;color:#98adbb;padding:6px 13px;font-size:10px}
.model-switch-button[aria-pressed=true]{background:#b39a5f20;border-color:#b69b6277;color:#e0c997}
.model-switch-button:hover{border-color:#a58e6477}
.paperdoll-weapons{grid-area:weapons;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto;width:78%;max-width:780px}
.chronicle-profile .paperdoll .gear-slot{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:7px 9px;border:1px solid #71829325;border-radius:4px;background:linear-gradient(100deg,#26354388,#17212d55);transition:border-color .15s,background .15s}
.chronicle-profile .paperdoll .gear-slot:hover{border-color:#b4a16e66;background:#27384799}.chronicle-profile .paperdoll .gear-slot.empty{background:#19232c33;border-color:#71829315}
.chronicle-profile .gear-slot[data-quality="0"]{--item-quality-color:#9d9d9d66}.chronicle-profile .gear-slot[data-quality="1"]{--item-quality-color:#ffffff55}.chronicle-profile .gear-slot[data-quality="2"]{--item-quality-color:#1eff0066}.chronicle-profile .gear-slot[data-quality="3"]{--item-quality-color:#0070ddaa}.chronicle-profile .gear-slot[data-quality="4"]{--item-quality-color:#a335ee99}.chronicle-profile .gear-slot[data-quality="5"]{--item-quality-color:#ff800099}.chronicle-profile .gear-slot[data-quality="6"]{--item-quality-color:#e6cc8099}.chronicle-profile .gear-slot[data-quality="7"]{--item-quality-color:#00ccff99}
.chronicle-profile .paperdoll .gear-slot>div{min-width:0;flex:1}.chronicle-profile .paperdoll .gear-slot strong{display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.chronicle-profile .paperdoll .gear-slot small{display:block;font-size:8px;line-height:1.3;color:#899dab;margin-bottom:3px}
.chronicle-profile .paperdoll .item-icon,.chronicle-profile .paperdoll .slot-mark{width:35px;height:35px;flex:0 0 35px;border-radius:3px}.chronicle-profile .paperdoll .slot-mark{font-size:19px;border:1px solid #71829330;background:#10192377;color:#70818c}
.chronicle-profile .paperdoll .gear-enchant{font-size:8px;margin-top:3px;color:#8fc6a4}.paperdoll-right .gear-slot{flex-direction:row-reverse;text-align:right}
.chronicle-profile .profile-professions{margin-top:29px;padding-top:22px;border-top:1px solid #b19a6833}.chronicle-profile .prof-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
@media(max-width:760px){
 .profile-dialog.chronicle-profile{width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}
 .chronicle-profile .profile-heading{padding:24px 17px 18px}.chronicle-profile .profile-identity{grid-template-columns:72px minmax(0,1fr) 112px;gap:12px;padding:0}
 .chronicle-profile .profile-portrait{width:72px}.chronicle-profile .profile-portrait .character-avatar{width:60px;height:60px;flex-basis:60px}.chronicle-profile .profile-portrait .profile-guild{font-size:8px;width:90px}
 .chronicle-profile .profile-title h2{font-size:23px}.chronicle-profile .profile-subtitle{font-size:10px}.chronicle-profile .profile-level>strong{font-size:36px}.capsule-select{width:105px;font-size:16px;min-height:36px;padding:5px}.capsule-control-label{font-size:9px}
 .chronicle-profile .profile-meta{margin-top:16px;gap:9px}.chronicle-profile .profile-body{padding:20px 12px 25px}
 .profile-summary,.profile-summary:has(.profile-playtime){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chronicle-profile .profile-summary>*{width:auto;max-width:none;min-height:82px}
 .chronicle-profile .profile-talent-link{grid-column:1 / -1;grid-template-columns:34px minmax(0,1fr) 10px;gap:10px;padding:10px 12px}.chronicle-profile .profile-spec-icon{width:34px;height:34px;flex-basis:34px}.chronicle-profile .profile-talent-summary{font-size:17px}
 /* With two cards, use both columns; the full-width talent card is kept when playtime is visible. */
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .profile-talent-link{grid-column:auto;grid-template-columns:28px minmax(0,1fr) 8px;grid-template-areas:"icon label action" "summary summary action" "points points action";gap:5px 8px;align-content:center}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .profile-spec-icon{grid-area:icon;width:28px;height:28px;flex-basis:28px}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .profile-talent-copy{display:contents}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .profile-summary-label{grid-area:label}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .profile-talent-summary{grid-area:summary;overflow-wrap:anywhere}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .talent-link-points{grid-area:points}
 .chronicle-profile .profile-summary:not(:has(.profile-playtime)) .talent-link-action{grid-area:action}
 .chronicle-profile .profile-honor{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon value" "label label";gap:5px 8px;padding:10px 12px}.chronicle-profile .profile-honor-icon{width:28px;height:28px}.chronicle-profile .profile-honor-value{font-size:27px}.chronicle-profile .profile-honor-copy>strong{font-size:11px}
 .chronicle-profile .profile-playtime{position:relative;grid-template-columns:minmax(0,1fr);align-content:center;padding:10px 12px}.chronicle-profile .profile-playtime-clock{position:absolute;top:9px;right:9px;font-size:18px}.chronicle-profile .profile-playtime>time{grid-column:1;font-size:9px}.chronicle-profile .profile-playtime-copy>strong{font-size:17px;line-height:1.35}.chronicle-profile .profile-playtime-label{padding-right:21px}.model-switch-button{min-height:34px;font-size:11px}
 .paperdoll{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"model model" "left right" "weapons weapons";gap:12px 8px}.paperdoll-left,.paperdoll-right{grid-template-rows:repeat(8,minmax(48px,max-content));align-content:start;gap:5px}.paperdoll-model{min-height:420px;max-height:470px}
 .chronicle-profile .paperdoll .gear-slot{padding:5px;min-height:48px;gap:6px;align-items:center;border-left:2px solid var(--item-quality-color,#71829355)}.chronicle-profile .paperdoll .gear-slot>div{display:block}.chronicle-profile .paperdoll .gear-slot strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.chronicle-profile .paperdoll .gear-slot small{font-size:9px;margin-bottom:2px}.chronicle-profile .paperdoll .item-icon,.chronicle-profile .paperdoll .slot-mark{width:30px;height:30px;flex-basis:30px}.paperdoll-right .gear-slot{flex-direction:row;text-align:left}
 .paperdoll-weapons{width:100%;gap:5px;align-items:start}.chronicle-profile .paperdoll-weapons .gear-slot{flex-direction:column;justify-content:flex-start;text-align:center;min-height:0;gap:4px}.chronicle-profile .paperdoll-weapons .gear-slot strong{font-size:11px}.chronicle-profile .paperdoll .gear-enchant{font-size:8px}
}
@media(max-width:390px){.chronicle-profile .profile-identity{grid-template-columns:62px minmax(0,1fr) 96px;gap:8px}.chronicle-profile .profile-title h2{font-size:20px}.capsule-select{width:94px}.chronicle-profile .profile-eyebrow{font-size:8px}.chronicle-profile .profile-honor-value{font-size:23px}}
@media(max-width:700px),(hover:none){.character-tooltip{pointer-events:none}}

/* Small earned medals sit inline with the name; the details appear on hover/focus/tap. */
.profile-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;margin:0 0 7px;min-width:0}
.chronicle-profile .profile-name-line h2{margin:0;min-width:0}
.guild-honors{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;vertical-align:middle}
.guild-honor-medal{appearance:none;display:block;position:relative;flex:0 0 64px;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;line-height:0}
.guild-honor-medal img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .15s}
.guild-honor-medal:hover img,.guild-honor-medal:focus-visible img{filter:brightness(1.12)}
.guild-honor-medal:focus-visible{outline:1px solid #d5b677;outline-offset:2px}
.guild-honor-tooltip{position:fixed;z-index:20;width:max-content;max-width:min(285px,calc(100vw - 20px));padding:11px 13px;border:1px solid #a9905c88;border-radius:5px;background:#101923f7;box-shadow:0 8px 25px #0008;pointer-events:none;text-align:left;font:11px/1.5 Arial,sans-serif;color:#c2ced7}
.guild-honor-tooltip strong{display:block;font-size:12px;line-height:1.4;color:#e2c88f}
.guild-honor-tooltip span{display:block;margin-top:4px}
.guild-honor-tooltip time{display:block;margin-top:5px;color:#94a8b8;font-size:10px}
@media(max-width:760px){.profile-name-line{gap:6px 9px}.guild-honors{gap:2px}.guild-honor-medal{width:50px;height:50px;flex-basis:50px}}

/* A stable mobile identity: portrait and name, medals, then level and capsule.
   Empty medal rows have no gap; profiles without medals use the same layout. */
@media(max-width:760px){
 .chronicle-profile .profile-eyebrow{max-width:calc(100% - 32px);margin-bottom:16px}
 .chronicle-profile .profile-identity{grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(32px,auto) auto auto auto;column-gap:14px;row-gap:0;align-items:start;padding:0}
 .chronicle-profile .profile-title,.chronicle-profile .profile-name-line,.chronicle-profile .profile-name-copy{display:contents}
 .chronicle-profile .profile-portrait{grid-column:1;grid-row:1 / span 2;align-self:start;width:64px;gap:6px}
 .chronicle-profile .profile-portrait .profile-guild{width:100%;max-width:100%;font-size:8px;overflow-wrap:anywhere}
 .chronicle-profile .profile-portrait .profile-demo{font-size:7px;letter-spacing:.06em;padding:3px 2px}
 .chronicle-profile .profile-name-line h2{grid-column:2;grid-row:1;align-self:end;font-size:24px;line-height:1.16;max-width:none;margin:0}
 .chronicle-profile .profile-subtitle{grid-column:2;grid-row:2;align-self:start;max-width:none;margin:4px 0 0;font-size:11px;line-height:1.45}
 .chronicle-profile .guild-honors{grid-column:1 / -1;grid-row:3;justify-self:center;justify-content:center;max-width:100%;gap:4px;margin-top:12px}
 .chronicle-profile .profile-level{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"value label capsule";align-items:center;column-gap:8px;row-gap:0;width:100%;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #a48b532b}
 .chronicle-profile .profile-level>strong{grid-area:value;font-size:36px;line-height:1;margin:0}
 .chronicle-profile .profile-level>span{grid-area:label;margin:0;font-size:8px;letter-spacing:.14em}
 .chronicle-profile .profile-level .capsule-control{grid-area:capsule;justify-self:end;align-items:flex-start;gap:3px;width:132px;max-width:100%;margin:0}
 .chronicle-profile .capsule-control-label{margin:0;font-size:9px}
 .chronicle-profile .capsule-select{width:100%;min-height:36px;font-size:16px;padding:5px 8px}
 .chronicle-profile .profile-meta{margin:14px 0;gap:9px 14px}
}

/* Medals share the name's row without changing the name/subtitle group. */
@media(min-width:761px){
 .chronicle-profile .profile-title{align-self:start;transform:none;padding-top:15px}
 .chronicle-profile .profile-name-line{align-items:flex-start;margin:0}
 .chronicle-profile .profile-name-copy{display:block;min-width:0;max-width:100%}
 .chronicle-profile .profile-name-copy h2{margin:0 0 7px}
 .chronicle-profile .guild-honors{margin-top:-9px}
}

/* Keep the original compact chip height; skill follows the name on one line. */
.profession-tag-copy{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
.profession-tag-copy .profession-tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profession-tag-skill{flex:none;white-space:nowrap;font-size:9px;color:#d6be89;letter-spacing:.03em;font-variant-numeric:tabular-nums}
#table-shell .profession-tag{padding:4px 7px;gap:6px}

/* All profession cards reserve five compact rows, including cards with fewer members. */
#profession-directory{align-items:start}
#profession-directory .profession-category{height:64px;padding:10px 14px;grid-template-columns:32px minmax(0,1fr) 14px;gap:10px;align-items:center}
#profession-directory .profession-category>.profession-icon{width:32px;height:32px;grid-row:auto;align-self:center}
#profession-directory .profession-category-copy strong{font-size:18px;line-height:1.2}
#profession-directory .profession-category-copy small{font-size:10px;line-height:1.3;margin-top:3px}
#profession-directory .profession-category .category-label{grid-column:3;grid-row:1;align-self:center;justify-self:end;font:24px/1 Georgia,serif;max-width:none;color:#c5b184}
#profession-directory .profession-members{height:200px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:0 12px;scrollbar-width:thin;scrollbar-color:#7790a5 #152331}
#profession-directory .profession-members::-webkit-scrollbar{width:7px}
#profession-directory .profession-members::-webkit-scrollbar-track{background:#152331}
#profession-directory .profession-members::-webkit-scrollbar-thumb{background:#7790a5;border-radius:4px}
#profession-directory .profession-member{height:40px;min-height:40px;padding:6px 0;gap:8px}
#profession-directory .profession-member .character-avatar{width:24px;height:24px;flex:0 0 24px}
#profession-directory .directory-character{min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#profession-directory .directory-rank{flex:none;font-size:11px}

.pvp-stat-value>small{color:#86bce6}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px 20px}
.footer-identity{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px}
.site-footer .footer-credit{justify-self:center;text-align:center;white-space:nowrap;font:italic 13px/1.5 Georgia,serif;color:#c8b898}
.footer-credit .credit-heart{display:inline-block;vertical-align:-1px;font:18px/1 Georgia,serif;color:#b6a4cd;margin:0 2px}
.site-footer small{width:auto;margin:0;text-align:right}
@media(max-width:1000px){.site-footer{grid-template-columns:1fr;text-align:center;gap:10px}.footer-identity{justify-content:center}.site-footer small{text-align:center}}
@media(min-width:1001px){
 #profession-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
 #profession-directory .profession-group[data-profession-id="186"]{order:1}
 #profession-directory .profession-group[data-profession-id="182"]{order:2}
 #profession-directory .profession-group[data-profession-id="393"]{order:3}
}

/* Keep the larger book, while tightening the search panel around its content. */
.site-shell .recipe-finder{padding:18px 22px}
.recipe-finder-heading{margin-bottom:8px}
.recipe-finder-heading>.recipe-book{margin-block:-8px}
#recipe-search-status{margin-top:8px}
.recipe-search-results:empty{display:none}
@media(max-width:650px){.site-shell .recipe-finder{padding:16px}.recipe-finder-heading{margin-bottom:8px}.recipe-finder-heading>.recipe-book{margin-block:-4px}}
.tooltip-profession{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.tooltip-profession-icon{display:inline-flex;width:14px;height:14px;flex:0 0 14px;border-radius:2px;overflow:hidden}
.tooltip-profession-icon img{display:block;width:100%;height:100%;object-fit:contain}

/* The news is written directly onto the landscape, without another panel. */
.activity-ticker{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) max-content 28px;gap:10px;align-items:center;min-width:0;min-height:44px;padding:4px 0 7px;background:none;border:0;box-shadow:none}
.activity-symbol{display:block;width:18px;height:18px;color:#a6bad0}
.activity-ticker .activity-message{display:block;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none;color:#c2d0dc;font:13px/1.5 Arial,Helvetica,sans-serif;text-align:left;overflow-wrap:anywhere;opacity:1;cursor:pointer}
.activity-ticker .activity-message:disabled{opacity:1;cursor:default}
.activity-ticker .activity-message strong{color:#e2cfaa;font-weight:500}
.activity-person{font-weight:500}
.activity-age{font:10px/1.5 Arial,Helvetica,sans-serif;color:#8fa9be;white-space:nowrap;text-align:right}
.activity-ticker .activity-pause{display:grid;place-items:center;width:28px;min-height:30px;background:none;border:0;border-radius:3px;padding:5px;color:#a2b6c7;box-shadow:none}
.activity-ticker .activity-pause:hover{background:#829cba19;color:#dfc78f}
.activity-play-mark{display:none}.activity-pause[data-paused=true] .activity-play-mark{display:block}.activity-pause[data-paused=true] .activity-pause-mark{display:none}
.activity-progress{position:absolute;bottom:0;left:0;right:0;height:2px;transform-origin:left;background:linear-gradient(90deg,#648da36e,#82c3e3c2,#a998ccb0);animation:activity-progress var(--news-duration,6s) linear both;pointer-events:none}
.activity-ticker.is-paused .activity-progress{animation-play-state:paused}
.activity-message.is-leaving{opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}
.activity-message.is-arriving{animation:activity-arrive .38s ease-out both}
@media(min-width:701px){
 .activity-ticker{max-width:640px;grid-template-columns:18px max-content 24px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 10px;padding:2px 0 3px}
 .activity-symbol{grid-column:1;grid-row:1;align-self:center}
 .activity-ticker .activity-message{grid-column:2 / -1;grid-row:1}
 .activity-age{grid-column:2;grid-row:2;align-self:center;text-align:left}
 .activity-ticker .activity-pause{grid-column:3;grid-row:2;align-self:center;width:24px;min-height:20px;height:20px;padding:3px}
}
@keyframes activity-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes activity-arrive{0%{opacity:0;transform:translateY(5px)}23%{opacity:.8;transform:translate(-1px,0);text-shadow:1px 0 #87cae899,-1px 0 #b19fd377}31%{transform:translate(1px,-.5px)}45%{opacity:1;transform:none;text-shadow:-.5px 0 #87cae855,.5px 0 #b19fd344}63%,100%{opacity:1;transform:none;text-shadow:none}}
@media(max-width:700px){
 .activity-ticker{grid-template-columns:18px minmax(0,1fr) 36px;grid-template-rows:auto auto;gap:2px 10px;min-height:68px;padding:5px 0 8px}
 .activity-symbol{grid-column:1;grid-row:1;align-self:center}
 .activity-ticker .activity-message{grid-column:2;grid-row:1;font-size:12px;line-height:1.5}
 .activity-age{grid-column:2;grid-row:2;align-self:start;text-align:left}
 .activity-ticker .activity-pause{grid-column:3;grid-row:1 / 3;width:36px;min-height:44px;align-self:center}
 .activity-ticker[data-empty=true]{grid-template-rows:auto;min-height:50px}
}
@media(prefers-reduced-motion:reduce){.activity-message.is-arriving,.activity-message.is-leaving{animation:none;transition:none;transform:none;opacity:1}.activity-progress{display:none}}

/* Current guild-roster presence has its own clock, independently of profile data. */
@media(min-width:701px){
 #table-shell>table{min-width:960px}
 #table-shell .rank-col,#table-shell .rank-cell{width:42px}
 #table-shell th:nth-child(2){width:244px}
 #table-shell th:nth-child(n+3),#table-shell td:nth-child(n+3){text-align:center}
 #table-shell .character-button{gap:7px;align-items:stretch}
 #table-shell .character-avatar{position:relative;height:auto;min-height:48px}
 #table-shell .character-avatar img{position:absolute;inset:0}
 #table-shell .character-text{justify-content:space-between}
 #table-shell .character-text strong{white-space:normal;overflow-wrap:anywhere}
 #table-shell .data-ages{max-width:100%}
 #table-shell .data-age-line>span:last-child{min-width:0;white-space:normal}
}
#table-shell .status-col,#table-shell .status-cell{text-align:center;min-width:0;vertical-align:middle}
.character-status{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.3;white-space:nowrap;color:#9aaab7}
.character-status .status-dot{display:block;width:10px;height:10px;border-radius:50%;background:#7b8d9c;flex:none}
.character-status.online{color:#8bd3ab}.character-status.online .status-dot{background:#54c990;box-shadow:0 0 0 3px #54c99010,0 0 7px #54c99025}
.character-status.offline{color:#d99b9b}.character-status.offline .status-dot{background:#df7777;box-shadow:0 0 0 3px #df777710}
#table-shell tr.character-without-addon .status-cell{opacity:1;filter:none}
@media(max-width:700px){
 #table-shell{--mobile-character-width:clamp(140px,calc(100vw - 188px),244px)}
 #table-shell>table{width:calc(var(--mobile-character-width) + 704px);min-width:0;max-width:none;table-layout:fixed}
 #table-shell th:nth-child(1){width:24px}#table-shell .rank-col,#table-shell .rank-cell{width:24px}
 #table-shell th:nth-child(2){width:var(--mobile-character-width)}#table-shell th:nth-child(3){width:54px}#table-shell th:nth-child(4){width:52px}
 #table-shell th:nth-child(5){width:190px}#table-shell th:nth-child(6),#table-shell th:nth-child(7){width:110px}
 #table-shell th:nth-child(8){width:164px}
 .character-status{font-size:9px;gap:5px}.character-status .status-dot{width:9px;height:9px}
}