@font-face{font-family:Inter;src:url('/assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/Inter-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--bg:#0d1117;--panel:#151b23;--inset:#010409;--line:#30363d;--text:#f0f6fc;--muted:#9198a1;--blue:#4493f8;--green:#3fb950;--purple:#bc8cff;--amber:#d29922;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit}button,select{color:var(--text);background:#212830;border:1px solid var(--line);border-radius:6px;padding:8px 11px}button{cursor:pointer}button:hover{border-color:#8b949e}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.3px;line-height:1.25}h2{font-size:16px;letter-spacing:-.3px}h3{font-size:14px}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.6}.eyebrow,.workspace-label{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.eyebrow{margin-bottom:7px}.shell{height:100dvh;min-height:0;display:grid;grid-template-columns:224px minmax(0,1fr)}
.sidebar{background:var(--inset);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px;min-height:0;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--text);padding:0 9px 28px}.brand img{border-radius:8px}.workspace-label{padding:0 9px;margin-bottom:25px}.field-label{display:block;color:var(--muted);font-size:11px;margin:0 9px 8px}.sidebar select{width:100%;font-weight:600;min-height:39px}#alt-note{padding:8px 9px 20px}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;border:1px solid transparent;display:flex;gap:12px;align-items:center;padding:11px 13px;color:#b1bac4}nav button[aria-current=page]{background:#172437;border-color:#24416a;color:#79b8ff;position:relative}nav button[aria-current=page]:before{content:'';position:absolute;left:-15px;height:21px;width:3px;background:var(--blue);border-radius:3px}.nav-icon{font-size:19px;width:21px;text-align:center}.sidebar-bottom{margin-top:auto;padding:26px 9px 0;font-size:11px;color:var(--muted)}.sidebar-bottom p{font-size:10px;margin:9px 0 14px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}
main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 28px}.topbar{height:59px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.top-label{font-size:9px;letter-spacing:1.7px;color:#687581}.identity{display:flex;align-items:center;gap:17px;padding:23px 0 17px;flex-shrink:0}.portrait-wrap{height:64px;width:64px;flex-shrink:0;border-radius:12px;background:linear-gradient(150deg,#243b57,#162331);border:1px solid #375171;display:grid;place-items:center;overflow:hidden}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.portrait-wrap span{font-size:28px;font-weight:600;color:#91bdff}.identity-text{min-width:0}.identity-text p{font-size:12px;margin-top:6px}.provider-links{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap}.provider-links a{border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:11px;color:#b1bac4}.sync-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;min-height:30px;flex-shrink:0}.sync-status::before{content:'';width:5px;height:5px;background:var(--amber);border-radius:50%;flex-shrink:0}.view{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:10px 0 16px;overflow:auto;scrollbar-color:#30363d transparent}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:11px 0;font-size:10px;color:#687581;flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:17px 18px}.metric .label{color:var(--muted);font-size:11px}.metric strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:600;margin:9px 0 5px}.metric small{font-size:10px;color:var(--muted)}.metric strong.blue{color:#79b8ff}.metric strong.purple{color:var(--purple)}.metric strong.green{color:#7ee787}.overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;flex:1;min-height:225px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--panel);min-width:0;display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.panel-head p{font-size:10px;color:var(--muted);margin-top:5px}.panel-body{padding:18px;min-height:0;overflow:auto}.panel-grow{flex:1;min-height:200px}.empty{color:var(--muted);font-size:12px;line-height:1.7;padding:25px 0}.empty strong{display:block;color:#c9d1d9;margin-bottom:7px;font-size:14px}.pill{font-size:10px;border:1px solid #3d444d;border-radius:20px;padding:3px 8px;color:#b1bac4;white-space:nowrap}.pill.good{color:#7ee787;background:#163022;border-color:#235c38}.pill.warning{color:#e3b341;background:#302515;border-color:#654a21}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-title{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.row-title small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.row-value{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px}.progress{height:5px;background:#242c36;border-radius:3px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:var(--blue)}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls label{color:var(--muted);font-size:11px;display:flex;gap:8px;align-items:center}.controls select{max-width:300px}.table-wrap{min-height:0;overflow:auto;flex:1}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;font-weight:400;padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 18px;border-bottom:1px solid #252d37;vertical-align:middle}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.number{text-align:right;font-variant-numeric:tabular-nums}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);margin-top:auto}.pager button{padding:5px 10px}.gear-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr);gap:16px;min-height:0;flex:1}.gear-list{display:grid;align-content:start;gap:9px}.gear-slot{display:flex;align-items:center;gap:10px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:9px;text-align:left;width:100%}.gear-slot img{width:35px;height:35px;border-radius:5px}.gear-icon{width:35px;height:35px;flex-shrink:0;border:1px solid #303e51;border-radius:5px;display:grid;place-items:center;color:var(--muted)}.gear-slot strong{font-size:11px;display:block;color:#d2a8ff;line-height:1.35;overflow-wrap:anywhere}.gear-slot small{font-size:10px;color:var(--muted);display:block;margin-bottom:3px}.character-art{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:radial-gradient(ellipse at 50% 65%,#203047 0,#0d1117 70%);position:relative;min-height:200px}.character-art img{height:100%;width:100%;object-fit:contain;min-height:0}.character-art p{padding:20px;color:var(--muted);text-align:center;font-size:12px}.view-note{color:var(--muted);font-size:11px;line-height:1.6}.source-card{padding:16px 0;border-bottom:1px solid var(--line)}.source-card p{font-size:12px;color:var(--muted);margin-top:8px}dialog{background:var(--panel);color:var(--text);border:1px solid #484f58;border-radius:12px;padding:26px;width:min(560px,calc(100vw - 32px));max-height:80vh;overflow:auto;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#010409bb}dialog>p{line-height:1.6;margin:14px 0}.close{float:right;padding:2px 9px;font-size:22px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:5px 0 0;font-size:13px}.skip{position:absolute;top:-50px;left:10px;z-index:20}.skip:focus{top:10px;padding:10px;background:var(--panel)}.noscript{position:fixed;inset:auto 20px 20px;background:var(--panel);padding:20px}
.character-art{overflow:hidden}.character-art img{object-fit:cover}h1 .pill{display:inline-block;vertical-align:middle;letter-spacing:0;margin-left:12px;font-weight:400;color:#bc8cff;border-color:#62438b;background:#261c38}
.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-controls{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.owner-controls button{font-size:11px}.owner-controls .subtle{background:transparent}.owner-tabs{display:flex;gap:5px;padding:12px;flex-wrap:wrap}.owner-tabs button{font-size:10px;padding:5px 7px;background:transparent}.owner-tabs button[aria-pressed=true]{background:#172437;border-color:#24416a;color:#79b8ff}.owner-content{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;padding:0 14px 14px;font-size:12px;overflow:auto}.owner-prose{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;margin:0;border:1px solid var(--line);border-radius:6px;background:#0d1117}.owner-pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:auto;color:var(--muted);font-size:10px}.owner-pager button{padding:3px 9px}.owner-photo{width:100%;max-height:260px;min-height:0;object-fit:contain;border-radius:6px}.owner-editor{width:min(760px,calc(100vw - 32px))}.owner-editor form{display:grid;gap:18px}.owner-editor label{display:grid;gap:7px;font-size:13px}.owner-editor textarea{font:12px/1.6 ui-monospace,SFMono-Regular,monospace;resize:vertical;min-height:80px;max-height:220px;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--text);background:var(--bg);width:100%}.owner-editor small{font-size:10px;color:var(--muted)}.owner-edit-gallery{display:flex;gap:10px;flex-wrap:wrap}.owner-edit-gallery>button{align-self:start}.owner-edit-photo{display:grid;gap:5px;width:120px}.owner-edit-photo img{width:120px;height:95px;object-fit:cover;border-radius:6px}.owner-edit-photo button{font-size:10px;padding:5px}.owner-edit-status{font-size:12px;line-height:1.6;color:var(--muted)}
.topbar .owner-controls{margin:0 0 0 auto}.topbar .top-label{margin-left:15px}
.owner-entry{flex:none;border-top:1px solid var(--forest-line,#315c49);background:#101d17;padding:6px 10px;display:grid;grid-template-columns:1fr auto;gap:3px 6px;align-items:center}.owner-entry-label{font-size:9px;color:var(--muted)}.owner-entry-status{font-size:10px;color:#c2dfce;grid-column:1/-1}.owner-entry small{grid-column:1/-1;font-size:9px;line-height:1.3;color:var(--muted)}.owner-entry-action{font-size:10px;font-weight:600;padding:4px 7px;border:1px solid #46745c;border-radius:4px;background:#1a3829;color:#d6f0df;text-decoration:none;text-align:center}.owner-entry-action:hover{background:#234b37}.overview-mode .owner-panel .owner-content{padding-bottom:4px;gap:4px}.overview-mode .owner-panel .owner-content p{margin:0}.overview-mode .owner-panel .owner-tabs{padding-bottom:4px}
@media(min-width:721px) and (max-height:799px){.gear-list{gap:5px}.gear-slot{padding:5px;min-height:42px}.gear-slot img,.gear-icon{width:28px;height:28px}.gear-slot strong{font-size:10px}.gear-slot small{font-size:9px}.view{gap:10px}.gear-grid{gap:12px}}
@media(min-width:1100px) and (min-height:800px){.identity{padding:28px 0 22px}.portrait-wrap{height:72px;width:72px}.metric{padding:22px}.metric strong{font-size:34px}.gear-slot{padding:12px}.view{gap:20px}}
@media(max-width:1000px){.shell{grid-template-columns:190px minmax(0,1fr)}main{padding:0 18px}.metrics{gap:9px}.metric{padding:14px 12px}.metric strong{font-size:24px}.provider-links a{padding:6px}.gear-grid{grid-template-columns:1fr 1fr}.character-art{display:none}.top-label{display:none}}
@media(max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{padding:10px 14px;display:grid;grid-template-columns:40px 1fr;gap:9px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{padding:0}.brand>span,.workspace-label,.field-label,#alt-note,.sidebar-bottom{display:none}.sidebar select{min-width:0}.sidebar nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.sidebar nav button{padding:8px 3px;font-size:10px;justify-content:center}.nav-icon{display:none}nav button[aria-current=page]:before{display:none}main{padding:0 14px}.topbar{height:39px;font-size:11px}.identity{padding:15px 0 10px;gap:11px;flex-wrap:wrap}.portrait-wrap{width:48px;height:48px}h1{font-size:25px}.identity-text p{font-size:10px}.provider-links{width:100%;margin-left:59px}.sync-status{font-size:10px;line-height:1.5;padding:4px 0}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:25px}.overview-grid{grid-template-columns:1fr;flex:none}.panel{min-height:180px}.gear-grid{flex:none;gap:8px}.gear-slot{min-height:70px}.gear-icon{display:none}.controls select{max-width:190px}footer{font-size:9px;padding:8px 0}footer span:first-child{display:none}td,th{padding:11px}.view{overflow:auto}.panel-grow{flex:none;min-height:300px}.table-wrap{overflow:auto}.controls{gap:8px}}
/* Native item details remain outside clipped gear panels. */
.gear-tooltip{position:fixed;z-index:100;width:310px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow:auto;box-sizing:border-box;padding:17px 19px;border:1px solid #717b95;border-radius:8px;background:linear-gradient(145deg,#11182bf5,#080c17fa);box-shadow:0 12px 38px #000a;font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#edf0f7}
.gear-tooltip[hidden]{display:none}.gear-tooltip .item-name{display:block;font-size:16px;line-height:1.35;margin-bottom:8px;color:#e6edf3}.gear-tooltip[data-quality=epic] .item-name{color:#c889ff}.gear-tooltip[data-quality=rare] .item-name{color:#6bb5ff}.gear-tooltip[data-quality=uncommon] .item-name{color:#69e777}.gear-tooltip[data-quality=legendary] .item-name{color:#ffab52}.gear-tooltip[data-quality=poor] .item-name{color:#aaa}.gear-tooltip .item-slot{color:#bcc6d6}.gear-tooltip .item-level{color:#ffd26b;margin-bottom:9px}.gear-tooltip .item-bonus{color:#78e899;margin-top:8px}.gear-tooltip .item-hint{display:block;color:#93a0b6;border-top:1px solid #394157;padding-top:9px;margin-top:12px;font-size:10px}.gear-slot:focus-visible{outline:2px solid #79b8ff;outline-offset:2px}.compact-keys{padding:8px 18px}.compact-keys .row{padding:10px 0;gap:8px}.compact-keys .row-title{font-size:11px}.compact-keys .row-value{font-size:12px;white-space:nowrap}
@media(min-width:721px) and (max-height:799px){.compact-keys{padding:4px 14px}.compact-keys .row{padding:6px 0}.compact-keys .row-title{font-size:10px}}
.parse-result{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.parse-result small{flex-basis:100%}.parse-result strong{color:#d2a8ff}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .metric:last-child{grid-column:1/-1}}
.parse-result{row-gap:2px}.parse-result small{margin-top:0;line-height:12px}.parse-result .pill{padding:2px 8px}
.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)}.compact-gear{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;padding:12px;min-height:0}.compact-gear .gear-list{gap:5px;align-content:space-between}.compact-gear .gear-slot{padding:3px;min-height:0;height:38px;justify-content:center}.compact-gear .gear-slot>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.compact-gear .gear-slot img,.compact-gear .gear-icon{display:grid;width:30px;height:30px;flex-shrink:0}.compact-gear .character-art{display:flex;min-height:0;border:0}.compact-gear .character-art img{object-fit:contain;position:absolute;inset:0}
@media(min-width:721px) and (max-height:799px){.compact-gear{grid-template-columns:32px minmax(0,1fr) 32px;padding:8px;gap:6px}.compact-gear .gear-slot{height:32px}.compact-gear .gear-slot img,.compact-gear .gear-icon{width:26px;height:26px}.compact-gear .gear-list{gap:3px}.overview-equipment .panel-head{padding:12px 14px}}
@media(max-width:720px){.overview-grid{grid-template-columns:1fr}.overview-equipment{height:430px;flex:none}.compact-gear{flex:1}}
.compact-gear .character-art img{object-fit:cover}@media(max-width:720px){main{overflow:hidden}}
html,body{height:100%;overflow:hidden}
.compact-gear{grid-template-columns:60px minmax(0,1fr) 60px}.compact-gear .gear-list{gap:2px}.compact-gear .gear-slot{--item-quality:#c9d1d9;display:flex;flex-direction:column;gap:1px;height:44px;padding:0;border-color:transparent;background:transparent;position:relative}.compact-gear .gear-slot[data-quality=poor]{--item-quality:#aaa}.compact-gear .gear-slot[data-quality=common]{--item-quality:#eee}.compact-gear .gear-slot[data-quality=uncommon]{--item-quality:#69e777}.compact-gear .gear-slot[data-quality=rare]{--item-quality:#6bb5ff}.compact-gear .gear-slot[data-quality=epic]{--item-quality:#c889ff}.compact-gear .gear-slot[data-quality=legendary]{--item-quality:#ffab52}.compact-gear .gear-slot[data-quality=artifact],.compact-gear .gear-slot[data-quality=heirloom]{--item-quality:#e6cc80}.compact-gear .slot-label{font-size:9px;line-height:11px;white-space:nowrap;color:var(--item-quality)}.slot-icon-wrap{position:relative;display:block;flex-shrink:0}.compact-gear .slot-item-level{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:var(--item-quality);background:#05080ee8;border-radius:2px;padding:0 3px;font-size:10px;line-height:12px;font-weight:600;text-shadow:0 1px 2px #000}.compact-gear .gear-slot:disabled{opacity:1;--item-quality:#9198a1}.compact-gear .gear-slot:disabled .slot-icon-wrap{opacity:.45}
@media(min-width:721px) and (max-height:799px){.compact-gear .gear-slot{height:36px}.compact-gear .gear-slot img,.compact-gear .gear-icon{width:24px;height:24px}.compact-gear .slot-label{font-size:8px;line-height:10px}.compact-gear .slot-item-level{font-size:9px;line-height:11px}.compact-gear .gear-list{gap:1px}}
@media(max-width:720px){.overview-equipment{height:470px}}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.95fr)}.compact-parses{padding:6px 14px}.compact-parses .row{padding:8px 0;gap:7px}.compact-parses .row-title{font-size:10px}.compact-parses .row-title small{font-size:9px;margin-top:3px}.compact-parses .row-value{font-size:12px;color:#d2a8ff;white-space:nowrap}.overview-grid .panel-head{padding-left:14px;padding-right:14px}.overview-grid .panel-head h2{font-size:14px}
@media(min-width:721px) and (max-height:799px){.compact-parses .row{padding:5px 0}.compact-parses .row-title small{margin-top:2px;font-size:8px}.compact-parses .row-title{font-size:9px}.compact-parses .row-value{font-size:11px}}
@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));flex:none}.overview-equipment{height:470px}}@media(max-width:720px){.overview-grid{grid-template-columns:1fr}.metrics .metric:last-child{grid-column:auto}}
/* Overview: full equipment centerpiece, with summaries above and records below. */
.overview-mode{gap:10px}.overview-mode .metrics{flex:none}.overview-mode .metric{display:flex;align-items:center;gap:12px;padding:8px 14px}.overview-mode .metric strong{font-size:22px;margin:0;letter-spacing:-.5px}.overview-mode .metric small{margin-left:auto}.overview-mode>.overview-equipment{flex:1;min-height:290px}.overview-mode>.overview-equipment .panel-head{padding:8px 14px}.overview-mode>.overview-equipment .panel-head>div{display:flex;gap:14px;align-items:center}.overview-mode>.overview-equipment .panel-head p{margin:0}.overview-mode .compact-gear{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr);padding:6px 12px;gap:16px}.overview-mode .compact-gear .gear-list{gap:1px;align-content:space-between}.overview-mode .compact-gear .gear-slot{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:9px 21px;column-gap:8px;row-gap:0;height:30px;align-items:center;justify-items:center;border:0;border-radius:4px}.overview-mode .compact-gear .gear-slot:hover{background:#202937}.overview-mode .compact-gear .slot-label{grid-column:1;grid-row:1;font-size:8px;line-height:9px}.overview-mode .compact-gear .slot-icon-wrap{grid-column:1;grid-row:2}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:21px;height:21px}.overview-mode .compact-gear .gear-slot>div{position:static;width:auto;height:auto;overflow:visible;clip-path:none;grid-column:2;grid-row:1/3;justify-self:start}.overview-mode .compact-gear .gear-slot>div small{display:none}.overview-mode .compact-gear .gear-slot>div strong{font-size:10px;color:var(--item-quality);line-height:1.25}.overview-mode .compact-gear .slot-item-level{font-size:9px;line-height:10px}
.overview-mode>.overview-grid{flex:none;min-height:0;height:169px;grid-template-columns:1fr 1.25fr .8fr;gap:12px}.overview-mode .overview-grid .panel-head{padding:8px 12px}.overview-mode .overview-grid .panel-head p{display:none}.overview-mode .compact-keys,.overview-mode .compact-parses{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(4,minmax(0,1fr));gap:0 12px;padding:6px 12px;flex:1;overflow:auto}.overview-mode .compact-keys .row,.overview-mode .compact-parses .row{padding:3px 0;gap:5px}.overview-mode .compact-keys .row-title,.overview-mode .compact-parses .row-title{font-size:9px}.overview-mode .compact-parses .row-title small{font-size:8px;margin-top:1px}.overview-mode .compact-keys .row-value,.overview-mode .compact-parses .row-value{font-size:10px}.overview-mode .owner-tabs{padding:8px}.overview-mode .owner-content{font-size:11px}
@media(max-width:1000px){.overview-mode>.overview-equipment{height:430px;flex:none}.overview-mode .compact-gear{grid-template-columns:1fr minmax(120px,.8fr) 1fr}.overview-mode>.overview-grid{height:auto;grid-template-columns:1fr;flex:none}.overview-mode .overview-grid .panel{min-height:180px}.overview-mode .compact-gear .gear-slot{grid-template-columns:45px minmax(0,1fr)}.overview-mode .compact-gear .gear-slot>div strong{font-size:9px}}
@media(max-width:720px){.sidebar nav{grid-template-columns:repeat(3,1fr)}.overview-mode .metric{flex-wrap:wrap;gap:6px}.overview-mode .metric small{width:100%;margin:0}.overview-mode>.overview-equipment .panel-head>div{display:block}.overview-mode>.overview-equipment .panel-head p{margin-top:4px}.overview-mode .compact-gear{grid-template-columns:64px minmax(0,1fr) 64px;gap:5px}.overview-mode .compact-gear .gear-slot>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.overview-mode .compact-gear .gear-slot{grid-template-columns:1fr;height:40px;grid-template-rows:11px 28px}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:28px;height:28px}.overview-mode .compact-gear .slot-label{font-size:9px;line-height:11px}}
@media(min-width:1001px) and (max-height:799px){.overview-shell .identity{padding:10px 0 8px}.overview-shell .topbar{height:49px}}
/* Armory reference: 54px item art from Blizzard's 56px originals. */
.overview-mode .compact-gear{grid-template-columns:minmax(0,1.2fr) minmax(150px,.65fr) minmax(0,1.2fr);gap:12px}.overview-mode .compact-gear .gear-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,60px);grid-auto-flow:column;gap:2px 8px;align-content:space-between}.overview-mode .compact-gear .gear-slot{grid-template-columns:52px minmax(0,1fr);grid-template-rows:12px 48px;column-gap:7px;height:60px}.overview-mode .compact-gear .slot-label{font-size:9px;line-height:12px}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:48px;height:48px;border-radius:5px;box-shadow:0 0 0 1px #586071}.overview-mode .compact-gear .slot-item-level{font-size:12px;line-height:15px;padding:0 4px}.overview-mode .compact-gear .gear-slot>div strong{font-size:10px;line-height:1.3}
@media(max-width:1000px){.overview-mode>.overview-equipment{height:auto;min-height:0}.overview-mode .compact-gear{grid-template-columns:1fr;flex:none}.overview-mode .compact-gear .character-art{order:-1;height:240px}.overview-mode .compact-gear .gear-list{gap:8px;grid-template-rows:repeat(4,60px)}.overview-mode .compact-gear .gear-slot>div{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.overview-mode .compact-gear .gear-slot{grid-template-columns:52px minmax(0,1fr);grid-template-rows:12px 48px;height:60px}.overview-mode .compact-gear .slot-label{font-size:9px;line-height:12px}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:48px;height:48px}}
.mythic-panel td{padding:9px 14px}.mythic-panel th{padding:10px 14px}@media(max-width:720px){.mythic-panel table{table-layout:fixed;font-size:10px}.mythic-panel th,.mythic-panel td{padding:8px 5px;white-space:normal;overflow-wrap:anywhere}.mythic-panel th:first-child{width:34%}}
/* After Dark moonlit accents leave quality, parse, and status colors intact. */
:root{--forest:#73ad91;--forest-line:#315c49}.workspace-label{letter-spacing:0;line-height:1.4}.workspace-label strong{display:block;font-size:15px;color:#c2dfce;font-weight:600}.workspace-label span{display:block;font-size:10px;color:#8fa99b;margin-top:5px}.sidebar{border-right-color:#263c32}nav button[aria-current=page]{background:#14271f;border-color:var(--forest-line);color:#a2d3b8}nav button[aria-current=page]:before{background:var(--forest)}.owner-tabs button[aria-pressed=true]{background:#14271f;border-color:var(--forest-line);color:#a2d3b8}.character-art{background:radial-gradient(ellipse at 50% 65%,#203b2e 0,#0d1117 72%)}.panel-head{border-bottom-color:#2d3c34}.provider-links a:hover{border-color:var(--forest-line);color:#a2d3b8}:focus-visible{outline-color:var(--forest)}
.readiness-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none}.readiness-item{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 10px;font-size:10px;background:#111b16;border-color:#2d3c34}.readiness-item span{color:var(--muted)}.readiness-item strong{font-size:11px}.overview-mode{gap:7px}.overview-shell .identity{padding-top:12px;padding-bottom:10px}.overview-shell .topbar{height:43px}.overview-mode .compact-parses .row-value{color:var(--muted)}@media(max-width:720px){.readiness-bar{grid-template-columns:1fr}.readiness-item{padding:9px 12px}}
@media(min-width:1001px) and (max-height:799px){.overview-shell .topbar{height:35px}.overview-mode{gap:4px}.overview-mode>.overview-grid{height:133px}}
/* One vertical equipment column on either side of the centered character. */
.overview-mode .compact-gear{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr)}.overview-mode .compact-gear .gear-list{grid-template-columns:1fr;grid-template-rows:repeat(8,42px);gap:1px;grid-auto-flow:row}.overview-mode .compact-gear .gear-slot{grid-template-columns:60px minmax(0,1fr);grid-template-rows:10px 32px;height:42px}.overview-mode .compact-gear .slot-label{font-size:9px;line-height:10px}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:32px;height:32px}.overview-mode .compact-gear .slot-item-level{font-size:10px;line-height:12px}.overview-mode>.overview-grid{height:145px}.overview-mode .metric{padding:4px 14px}.overview-mode{padding:6px 0 8px}
@media(min-width:1001px) and (max-height:799px){.overview-mode .compact-gear .gear-list{grid-template-rows:repeat(8,36px);gap:0}.overview-mode .compact-gear .gear-slot{grid-template-rows:10px 26px;height:36px}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:26px;height:26px}.overview-mode>.overview-equipment{min-height:338px}}
@media(max-width:1000px){.overview-mode .compact-gear{grid-template-columns:1fr minmax(120px,.8fr) 1fr}.overview-mode .compact-gear .character-art{order:0;height:auto}.overview-mode>.overview-equipment{min-height:405px;height:405px}.overview-mode>.overview-grid{height:auto}.overview-mode .compact-gear{flex:1}.overview-mode .compact-gear .gear-slot{grid-template-columns:45px minmax(0,1fr)}}
@media(max-width:720px){.overview-mode .compact-gear{grid-template-columns:56px minmax(0,1fr) 56px}.overview-mode .compact-gear .gear-slot>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.overview-mode .compact-gear .gear-slot{grid-template-columns:1fr}.overview-mode .compact-gear .gear-list{grid-template-rows:repeat(8,42px)}.overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:32px;height:32px}}
@media(min-width:1001px) and (max-height:799px){.overview-mode>.overview-grid{height:136px}}
.dungeon-label{display:inline-flex;align-items:center;gap:8px;max-width:100%;color:inherit;text-decoration:none;vertical-align:middle}.dungeon-label:hover .dungeon-abbreviation{text-decoration:underline}.dungeon-thumb{display:block;flex:none;width:38px;height:25px;overflow:hidden;border-radius:3px;background:#26332e;box-shadow:0 0 0 1px #415348}.dungeon-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dungeon-thumb.image-unavailable:after{content:'◇';display:grid;place-items:center;height:100%;color:var(--muted)}.dungeon-abbreviation{font-weight:600;letter-spacing:.3px}.compact-keys .dungeon-label{gap:7px}.compact-keys .dungeon-thumb{width:29px;height:18px}.overview-mode .compact-keys .row{padding:2px 0}.compact-keys .row-title{min-width:0}.mythic-panel .dungeon-label{white-space:nowrap}@media(max-width:720px){.mythic-panel .dungeon-thumb{width:30px;height:22px}.mythic-panel .dungeon-label{gap:6px}}

/* Moonlit shell accents do not override item quality or percentile colors. */
:root{--forest:#a4afd6;--forest-line:#414967}.workspace-label strong{color:#d5def8}.workspace-label span{color:#9ba8c2}.sidebar{border-right-color:#2d3348}nav button[aria-current=page],.owner-tabs button[aria-pressed=true]{background:#1b2235;border-color:#414967;color:#c0cef4}.character-art{background:radial-gradient(ellipse at 50% 55%,#28334d 0,#141b2b 42%,#0d1117 76%)}.panel-head{border-bottom-color:#30384c}.readiness-item,.owner-entry{background:#131b2a;border-color:#30384c}.owner-entry-status{color:#d5def8}.owner-entry-action{background:#27334f;border-color:#53658d;color:#e1e9ff}.owner-entry-action:hover{background:#354466}.provider-links a:hover{color:#c0cef4}.dungeon-thumb{box-shadow:0 0 0 1px #485570;background:#263047}
.alt-picker{display:grid;gap:8px;max-height:280px;overflow:auto;margin:16px 0}.alt-picker .alt-choice{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid var(--line);border-radius:5px}.alt-choice input{width:16px;height:16px;flex:none}
/* Compact shared header replaces the sidebar at every viewport. */
.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.site-header{display:flex;align-items:center;gap:22px;padding:10px 24px;border-bottom:1px solid #30384c;background:#080d17;min-width:0}.site-header .brand{padding:0;font-size:16px;white-space:nowrap}.site-header .brand>span{display:inline}.site-header .workspace-label{display:block;padding:0;margin:0;min-width:0}.site-header .workspace-label strong{font-size:14px}.site-header .workspace-label span{font-size:9px;margin-top:2px}.header-character{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:0}.header-character select{max-width:240px;min-width:100px;font-size:11px;padding:7px}.header-character .field-label{display:block;margin:0;font-size:10px}.header-character #alt-note{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.site-header nav{display:flex;gap:4px}.site-header nav button{padding:7px 10px;font-size:11px;white-space:nowrap}.site-header nav button[aria-current=page]:before{display:none}.site-header>#sources-button{font-size:10px;white-space:nowrap}.site-header+main{padding:0 24px}.site-header+main .topbar{height:32px}.site-header+main .identity{padding-top:12px;padding-bottom:10px}
@media(max-width:1000px){.site-header{gap:12px;flex-wrap:wrap}.site-header .workspace-label{flex:1}.header-character{margin-left:0}.site-header nav{margin-left:auto}.site-header+main{padding:0 16px}}@media(max-width:720px){.site-header{padding:9px 14px;gap:9px 12px}.site-header .brand{font-size:13px;gap:6px}.site-header .workspace-label strong{font-size:12px}.site-header .workspace-label span{display:none}.header-character{flex:1}.header-character select{max-width:100%;width:100%;min-width:0}.header-character .field-label{display:none}.site-header nav{margin-left:0}.site-header nav button{font-size:10px;padding:7px 8px}.site-header>#sources-button{display:none}.site-header+main{padding:0 14px}}
/* After Dark: a still night sky, with opaque surfaces protecting stat contrast. */
:root{--bg:#050914;--panel:#0e1728;--inset:#050914;--line:#2c3952;--text:#edf2ff;--muted:#a0adc7;--forest:#b7c8f5;--forest-line:#485b83}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 77% 0,#27376180 0,transparent 48%),radial-gradient(ellipse at 12% 80%,#25214250 0,transparent 48%),linear-gradient(170deg,#080f23 0,#050914 65%,#0e1425 100%);isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 23px 31px,#e8f0ffb0 96%,transparent),radial-gradient(1px 1px at 117px 83px,#a9c3f48c 96%,transparent),radial-gradient(1.5px 1.5px at 203px 47px,#f2e9dba8 96%,transparent),radial-gradient(1px 1px at 71px 147px,#c6d8ff78 96%,transparent);background-size:251px 193px,337px 271px,467px 359px,179px 223px}
.site-header{background:linear-gradient(100deg,#070c18,#101a30 70%,#101528);border-bottom-color:#405073;box-shadow:0 1px 0 #9bb8f00d,0 8px 30px #0003}
.site-header .workspace-label strong{color:#e0e9ff;letter-spacing:.15px;text-shadow:0 0 18px #97b7ff45}
.site-header .workspace-label span{color:#a8b8d8}
.site-header nav button[aria-current=page],.owner-tabs button[aria-pressed=true]{background:#24324d;border-color:#657aa4;color:#edf2ff;box-shadow:inset 0 1px 0 #d0ddff0d}
.header-character select,button{background-color:#19253b}
.topbar,footer{border-color:#34415b}
.identity-text{flex:0 1 auto}.identity-text h1{color:#f0f4ff;text-shadow:0 2px 14px #0007}
.identity-text .character-guild{margin:2px 0 0;color:#b8cafa;font-size:11px;line-height:15px;font-weight:600;letter-spacing:1.1px;overflow-wrap:anywhere}
.character-guild[hidden]{display:none}
.identity-text .character-guild{color:#40ff40}
.character-guild a{color:inherit;text-decoration:none}
.character-guild a:hover{text-decoration:underline}
.identity-text #character-description{margin-top:5px}
.night-moon{display:block;width:68px;height:68px;flex:0 0 68px;margin-left:auto;overflow:visible;filter:drop-shadow(0 0 9px #9abaff55) drop-shadow(0 0 27px #7698e536);pointer-events:none}
.moon-crescent{fill:#dce8ff}.moon-stars{fill:#aebfdf}
.identity .provider-links{margin-left:5px}
.portrait-wrap{border-color:#647da7;background:linear-gradient(145deg,#344766,#131e34);box-shadow:0 0 0 3px #17243a,0 0 25px #8eb0f51a}
.provider-links a{background:#0b1426;border-color:#344761;color:#c2d0eb}
.panel,.metric{background:#0e1728;border-color:#34425e;box-shadow:0 5px 16px #0003,inset 0 1px 0 #bed1ff08}
.panel-head{background:#121e33;border-bottom-color:#34425e}
.character-art{background:radial-gradient(ellipse at 50% 35%,#3c5278 0,#202d46 38%,#101a2d 70%,#09111f 100%)}
.readiness-item,.owner-entry{background:#101c30;border-color:#354663}
.owner-entry-action{background:#293c60;border-color:#647caa;color:#eff4ff}
.owner-entry-action:hover{background:#354d75}
.owner-prose{background:#09111f}
.overview-mode .compact-gear .gear-slot:hover{background:#23334c}
.row,td{border-bottom-color:#283751}
dialog{background:#101b2e;border-color:#607499}
@media(max-width:1000px){.night-moon{width:52px;height:52px;flex-basis:52px}.identity .provider-links{max-width:40%;justify-content:flex-end}}
@media(max-width:720px){.night-moon{width:38px;height:38px;flex-basis:38px}.identity-text{flex:1;min-width:0}.identity-text h1{font-size:23px}.identity-text .character-guild{font-size:10px;line-height:14px;letter-spacing:.7px}.identity .provider-links{max-width:none;width:100%;margin-left:59px;justify-content:flex-start}.site-header{background:#0b1426}}
/* Desktop Overview uses the width freed by the sidebar: full-height armory beside records. */
.overview-mode .character-art img{object-fit:contain}
@media(min-width:800px){
 .overview-mode{--overview-gap:8px;--card-pad:10px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:126px minmax(60px,max-content) max-content minmax(0,1fr);gap:var(--overview-gap);padding:6px 0 8px;overflow:visible}
 .overview-mode>.overview-about{grid-column:2;grid-row:1;min-height:0;overflow:visible}
 .overview-mode>.metrics{grid-column:2;grid-row:2;gap:var(--overview-gap);align-items:stretch}
 .overview-mode .metric{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(max-content,1fr);grid-template-rows:1fr 1fr;align-items:center;align-content:stretch;padding:8px var(--card-pad);gap:4px 8px;text-align:left}
 .overview-mode .metric .label{grid-column:1;grid-row:1;font-size:10px;line-height:13px}.overview-mode .metric strong{grid-column:2;grid-row:1/3;place-self:center;font-size:21px;line-height:24px;white-space:nowrap}
 .overview-mode .metric small{grid-column:1;grid-row:2;margin:0;font-size:9px;line-height:12px;overflow-wrap:anywhere}
 .overview-mode>.readiness-bar{grid-column:2;grid-row:3;gap:var(--overview-gap);align-items:stretch}
 .overview-mode .readiness-item{min-height:60px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding:8px var(--card-pad);text-align:left}
 .overview-mode .readiness-item span{line-height:13px}
 .overview-mode .readiness-item strong{font-size:10px;line-height:12px}
 .overview-mode>.overview-equipment{grid-column:1;grid-row:1/5;min-height:0;height:auto;overflow:visible}
 .overview-mode>.overview-equipment .panel-head{padding:8px 12px}
 .overview-mode .compact-gear{grid-template-columns:minmax(110px,1fr) minmax(0,2fr) minmax(110px,1fr);gap:8px;padding:8px;min-height:0}
 .overview-mode .compact-gear .gear-list{grid-template-columns:1fr;grid-template-rows:repeat(8,minmax(46px,1fr));gap:2px;align-content:stretch}
 .overview-mode .compact-gear .gear-slot{grid-template-columns:44px minmax(0,1fr);grid-template-rows:10px 36px;height:46px;column-gap:5px;align-self:center}
 .overview-mode .compact-gear .gear-slot img,.overview-mode .compact-gear .gear-icon{width:36px;height:36px}
 .overview-mode .compact-gear .gear-slot>div strong{font-size:10px;line-height:12px}
 .overview-mode .compact-gear .slot-label{font-size:8px;line-height:10px}
 .overview-mode .compact-gear .character-art{min-height:0;height:auto}
 .overview-mode>.overview-grid{grid-column:2;grid-row:4;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);height:auto;min-height:0;gap:var(--overview-gap)}
 .overview-mode .overview-grid>.panel{min-height:0;overflow:visible}
 .overview-mode .overview-grid>.owner-panel{grid-column:1/-1}
 .overview-mode .overview-grid .panel-head,.overview-mode>.overview-about .panel-head{padding:8px var(--card-pad)}
 .overview-mode .overview-grid .panel-head h2{font-size:13px}
 .overview-mode .compact-keys,.overview-mode .compact-parses{grid-template-columns:1fr;grid-template-rows:repeat(8,minmax(24px,1fr));grid-auto-flow:row;gap:0;padding:4px 10px;overflow:visible}
 .overview-mode .compact-keys .row,.overview-mode .compact-parses .row{padding:1px 0;gap:6px;min-height:24px}
 .overview-mode .compact-keys .row-title,.overview-mode .compact-parses .row-title{font-size:11px;line-height:12px}
 .overview-mode .compact-parses .row-title small{font-size:9px;line-height:10px;margin-top:0}
 .overview-mode .compact-keys .row-value,.overview-mode .compact-parses .row-value{font-size:12px}
 .overview-mode .owner-panel{position:relative;padding-right:190px}
 .overview-mode .owner-panel .panel-head{border-radius:9px 0 0 0}
 .overview-mode .owner-panel .owner-tabs{padding:5px 10px;gap:5px}
 .overview-mode .owner-panel .owner-tabs button{padding:3px 7px}
 .overview-mode .owner-panel .owner-content{padding:0 10px 6px;overflow:visible}
 .overview-mode .owner-panel .owner-entry{position:absolute;right:0;top:0;bottom:0;width:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-top:0;border-left:1px solid #354663;border-radius:0 9px 9px 0;padding:10px}
 .overview-mode .owner-panel .owner-entry small{font-size:10px;line-height:1.4}
 .overview-mode .owner-panel .owner-prose{font-size:10px;line-height:1.4;padding:4px}
 .overview-mode .owner-panel .owner-photo{max-height:45px}
}
.overview-mode .character-art img.prepared-model{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.readiness-item .readiness-check{color:#7ee787;font-weight:700;margin-right:4px}
.readiness-bar{grid-template-columns:minmax(110px,1fr) minmax(0,2.2fr)}
.equipment-readiness{display:flex;flex-direction:column;align-items:stretch;gap:4px;container:equipment / inline-size}
.equipment-check{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:0;padding:0;text-align:center;width:100%;color:inherit}
.equipment-check+.equipment-check{border-top:1px solid #354663;padding-top:4px}
.vault-readiness{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;min-width:0;container:vault / inline-size}
.vault-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}
.vault-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1px;padding:3px 4px;background:#0a1424;border-radius:3px;min-width:0;min-height:44px;white-space:nowrap}
.vault-slot span,.vault-slot small{font-size:9px;line-height:11px;color:var(--muted)}
.vault-slot strong{font-size:10px;line-height:12px}
.overview-mode .equipment-readiness,.overview-mode .vault-readiness{align-items:stretch}
@media(max-width:420px){.readiness-bar{grid-template-columns:1fr}}
/* Grow short, bounded text only when its own card has spare width. Keep the
   existing line boxes, grid tracks and card padding unchanged. */
@container equipment (min-width:140px){.overview-mode .equipment-check strong{font-size:11px}}
@container vault (min-width:250px){.vault-slot span,.vault-slot small{font-size:10px}.overview-mode .vault-slot strong{font-size:11px}}
@media(min-width:800px){
 .overview-mode .metric{container:metric / inline-size}
 .overview-mode .compact-keys{container:keys / inline-size}
 .overview-mode .compact-gear .slot-item-level{font-size:11px;line-height:12px}
}
@container metric (min-width:260px){.overview-mode .metric strong{font-size:23px}.overview-mode .metric .label{font-size:11px}.overview-mode .metric small{font-size:10px}}
@container keys (min-width:220px){.overview-mode .compact-keys .row-value{font-size:13px;line-height:16px}.overview-mode .compact-keys .dungeon-abbreviation{font-size:12px;line-height:12px}}
.overview-mode .vault-slot .vault-reward{font-size:15px;line-height:24px;color:#a335ee;white-space:nowrap}
.overview-mode .vault-slot .vault-unknown{font-size:15px;line-height:24px;color:var(--muted)}
.vault-result{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.vault-slot .vault-result .readiness-check{font-size:inherit;line-height:inherit}
.site-header .workspace-label strong,.site-header .workspace-label>span{white-space:nowrap}
.overview-mode .character-art{isolation:isolate;background:#111827 url('/assets/selected-halloween-aa2a9309.png') center / cover no-repeat}
.overview-mode .character-art::before,.overview-mode .character-art::after{content:none}
/* After Dark: Duskwood — dusky slate forest and warm lanterns, without a green theme.
   Original artwork; all item rarity, percentile and verified status colors stay semantic. */
:root{--bg:#090c12;--panel:#151b26;--inset:#0b1018;--line:#3b4558;--text:#e4e6ec;--muted:#a9b2c3;--blue:#d3b780;--forest:#a5b3ce;--forest-line:#485770;--amber:#e4a84c}
body{background:#090c12 linear-gradient(110deg,#090c12eb,#131c2bd9 52%,#090c12eb);background-attachment:fixed}
body:before{background:#0b1018 url('/assets/selected-halloween-aa2a9309.png') center / cover no-repeat;opacity:.35}
.site-header{background:linear-gradient(100deg,#0d121d,#1b2538 70%,#111927);border-bottom-color:#4d576a;box-shadow:0 1px 0 #d4b87512,0 8px 24px #0005}
.site-header .workspace-label strong{color:#ede1bd;text-shadow:0 0 16px #d9a75824}
.site-header .workspace-label span{color:#b6bfce}
.site-header nav button[aria-current=page],.owner-tabs button[aria-pressed=true]{background:#283044;border-color:#8c8055;color:#f0e3bd;box-shadow:inset 0 1px 0 #e4bd681a}
.site-header nav button:hover,.owner-tabs button:hover{border-color:#827a53;background-color:#242c3e}
.header-character select,button,select{background-color:#1c2638;border-color:#435169}
button:hover,select:hover{border-color:#9b8d61}
.topbar,footer{border-color:#374359}
.top-label{color:#a5aec0;letter-spacing:1.7px}
.identity-text h1{color:#ece7d6;text-shadow:0 2px 14px #0009}
.night-moon{filter:drop-shadow(0 0 9px #d6a45b40) drop-shadow(0 0 22px #ad81301f)}
.moon-crescent{fill:#dfb776}.moon-stars{display:none}
.portrait-wrap{border-color:#737e96;background:linear-gradient(145deg,#35425a,#151e30);box-shadow:0 0 0 3px #1a2335,0 0 22px #d3af5612}
.provider-links a{background:#131c2b;border-color:#43536d;color:#c6d0e1}
.provider-links a:hover{color:#eed8a2;border-color:#897c51}
.panel,.metric{background:#151b26;border-color:#3e4b63;box-shadow:0 5px 16px #0005,inset 0 1px 0 #d3c7980a}
.panel-head{background:linear-gradient(100deg,#202b40,#182237);border-bottom-color:#46536b}
.panel-head h2{color:#d7dfed;text-shadow:0 1px 2px #0006}
.character-art{background:#111827 url('/assets/selected-halloween-aa2a9309.png') center / cover no-repeat;border-color:#485871}
.readiness-item,.owner-entry{background:#192337;border-color:#42516b}
.equipment-check{background:transparent;border-color:transparent}
.equipment-check+.equipment-check{border-top-color:#42516b}
.vault-slot{background:#0e1727;box-shadow:inset 0 0 0 1px #35456066}
.owner-entry-status{color:#d6ddeb}.owner-entry-action{background:#313b51;border-color:#817b4f;color:#f0e6c8}
.owner-entry-action:hover{background:#404d66}
.owner-prose{background:#0d1523}
.overview-mode .compact-gear .gear-slot:hover{background:#2a374f}
.gear-tooltip{background:#131c2b;border-color:#637693}
.row,td{border-bottom-color:#303e54}
.dungeon-thumb{box-shadow:0 0 0 1px #53637e;background:#25334c}
.pill{border-color:#546580;color:#c8d3e6;background:#243047}
dialog{background:#192438;border-color:#63738d;box-shadow:0 20px 80px #000a}
dialog::backdrop{background:#030710c9}
.source-card{border-color:#3d4d67}
/* Halloween Duskwood: orange lantern light on charcoal, with semantic data colors intact. */
:root{--blue:#ffb56d;--amber:#f6a64e;--line:#554638}
body{background:#090c14 linear-gradient(110deg,#090c14e8,#171a2bd9 52%,#090c14e8);background-attachment:fixed}
body:before{opacity:.5}
.site-header{background:linear-gradient(100deg,#17151b,#222232 70%,#181823);border-bottom-color:#a86034;box-shadow:0 1px 0 #ed964324,0 8px 24px #0005}
.site-header .workspace-label strong{color:#ffc38a;text-shadow:0 0 18px #ef852b28}
.site-header nav button[aria-current=page],.owner-tabs button[aria-pressed=true]{background:#493021;border-color:#d88742;color:#ffdab1;box-shadow:inset 0 1px 0 #ffbe6e24}
.site-header nav button:hover,.owner-tabs button:hover{background:#332a28;border-color:#cb8349}
.header-character select,button,select{border-color:#6c5141}
button:hover,select:hover{border-color:#e89a53}
.equipment-check{border-color:transparent}
.panel,.metric{border-color:#66503f;box-shadow:0 5px 16px #0005,inset 0 1px 0 #e99b4112}
.panel-head{background:linear-gradient(100deg,#30262a,#1b2233);border-bottom-color:#72533c}
.panel-head h2{color:#f0c59d}
.readiness-item,.owner-entry{border-color:#72543e}
.equipment-check+.equipment-check{border-top-color:#72543e}
.vault-slot{box-shadow:inset 0 0 0 1px #9e633340}
.character-art{border-color:#90653f}
.portrait-wrap{border-color:#bb814b;box-shadow:0 0 0 3px #29202a,0 0 22px #ed98321c}
.provider-links a{border-color:#75533c;color:#e2c2a1}
.provider-links a:hover{color:#ffd5a1;border-color:#e1964f}
.owner-entry-action{background:#603a23;border-color:#c78243;color:#ffe0bd}
.owner-entry-action:hover{background:#75462a}
.overview-mode .compact-gear .gear-slot:hover{background:#322a2a}
.topbar,footer{border-color:#634b3b}
.gear-tooltip,dialog{border-color:#a36f43}
:focus-visible{outline-color:#ffb56d}
.card-average{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap}
.card-average>span{font-size:9px;line-height:12px;color:var(--muted)}
.card-average>strong{font-size:13px;line-height:16px}
.overview-grid .panel-head{gap:8px}
