/* v0.13.9 readable game UI; real HTML/CSS, no concept image overlays. */
:root{--muted:#dfd8e5;--text:#f8f1e5;--cream:#fff2de;--gold:#ffd18b}
body{font-size:15px;line-height:1.65;letter-spacing:.005em}
.small-muted,.notice,.desc{color:#e3dbe5;font-size:14px;line-height:1.65}
.tiny{font-size:12px;color:#e0d5dd;line-height:1.5}
.auth-hint,.auth-footer{font-size:12px;color:#f0d9b8}
.mini-label,.eyebrow{font-size:11px;letter-spacing:1px}
input::placeholder{color:#c0bbcb}
.btn{font-size:14px;min-height:46px;padding:10px 14px}
.btn.small{font-size:13px;min-height:40px}
.nav button,.bottom-nav button{font-size:14px}
.sidebar,.info-panel,.main-panel{box-shadow:0 5px 18px #03051166}
.scene-header{background-color:#18233a}
.scene-header .desc{color:#fff1de;text-shadow:0 1px 3px #000e;font-size:14px}
.scene-header .section{color:#fff4db;text-shadow:0 2px 4px #000b}
.item-card__meta,.item-card .tiny{color:#e4d6e3;font-size:12px}
.affix-title{font-size:13px;color:#ffe0ac}
.affix-line{font-size:14px;color:#d4e4ff}
.affix-range,.affix-position{color:#d7cae4;font-size:12px}
.graph-node.locked{opacity:.8}.graph-node__name{font-size:12px;color:#fff0d9;background:#172037;border-color:#9688a3}
.graph-hint,.equipment-tooltip .tooltip-summary,.tooltip-head p{color:#ece3ef;font-size:13px}
.stats-header-button{font:inherit;min-height:40px;padding:5px 10px;flex-shrink:0;border:1px solid #e6bb76;border-radius:6px;background:#253e4b;color:#fff0c8;font-weight:800;cursor:pointer}
.stats-header-button:hover,.sidebar-stats-button:hover{filter:brightness(1.15)}
.sidebar-stats-button{margin:15px 0 5px;width:100%;white-space:normal}
.stats-shortcut{margin:-12px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #796d78;border-radius:8px;padding:9px 14px;color:#fff0d5;background:#202b3e;font-size:14px}
.stats-shortcut .btn{flex-shrink:0}
.stats-dialog{width:min(94vw,720px);max-height:88dvh;padding:22px 24px 30px;background:#141c30;color:#f5e7d8;overflow-y:auto}
.stats-dialog h3{font-size:18px;color:#ffe1ad;margin:24px 0 10px;border-bottom:1px solid #756a7c;padding-bottom:7px}
.sheet-title h2{font-size:26px;color:#ffe6bb;margin:2px 0}.sheet-title span{font-weight:800;color:#a7e6d5}.sheet-title p{color:#d7cede;margin:4px 0 14px;font-size:13px}
.sheet-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;padding:13px;background:linear-gradient(90deg,#354058,#222a40);border:1px solid #997d59;border-radius:10px}
.sheet-feature small{display:block;color:#e5d5ce;font-size:12px}.sheet-feature strong{font-size:27px;color:#ffe29e}.sheet-feature b{font-size:16px;color:#f0eafa;overflow-wrap:anywhere}
.sheet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sheet-stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:11px 12px;border:1px solid #675e7b;border-radius:8px;background:#202a42}
.sheet-stat span{font-size:13px;color:#e5e0ed}.sheet-stat strong{color:#ffe3ac;font-size:19px;overflow-wrap:anywhere;line-height:1.25}.sheet-stat small{color:#d5cedf}
.sheet-resistances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sheet-resist{background:#202940;border:1px solid #605e79;border-radius:7px;padding:10px}
.sheet-resist>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:13px}.sheet-resist b{color:#fbd292}
.sheet-resist-track{background:#0b1427;height:8px;border-radius:8px;overflow:hidden;margin-top:9px}.sheet-resist-track div{background:linear-gradient(90deg,#54a4a4,#e5c479);height:100%}
.sheet-more{margin-top:20px;border:1px solid #756577;border-radius:8px;padding:11px}.sheet-more summary{cursor:pointer;color:#fff0c5;font-weight:800}.sheet-more .sheet-stats{margin-top:12px}
.sheet-note{margin:20px 0 0;color:#e5dae4;background:#2a2941;padding:12px;border-left:3px solid #d1a86d;font-size:13px}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe38f;outline-offset:2px}
@media(max-width:810px){.stats-header-button{padding:6px 8px}.stats-header-button span{display:none}.stats-shortcut{align-items:flex-start;flex-direction:column;margin-top:-6px}.stats-shortcut .btn{width:100%}}
@media(max-width:440px){body{font-size:14px}.small-muted,.notice,.desc{font-size:13px}.stats-dialog{width:96vw;padding:15px 13px 22px}.sheet-title h2{font-size:20px}.sheet-feature{grid-template-columns:1fr;gap:4px}.sheet-feature strong{font-size:23px}.sheet-stats{gap:6px}.sheet-stat{padding:9px}.sheet-stat strong{font-size:16px}.sheet-stat span{font-size:12px}.sheet-resistances{grid-template-columns:1fr;gap:7px}.stats-header-button{min-width:35px;padding:5px}.brand-area{gap:5px}.brand-text{font-size:17px}}

/* v0.14.0 visibility + drop clarity */
.item-rank-chip,.loot-gear-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;margin-left:6px;border:1px solid #ffffff40;text-transform:uppercase}
.gear-rank-1{border-color:#dfe2ea!important;box-shadow:0 0 0 1px #f7f7f71a inset}.item-rank-chip.gear-rank-1,.loot-gear-badge.gear-rank-1{color:#fff;background:#d9dce71f;border-color:#f1f2f5}
.gear-rank-2{border-color:#57adff!important;box-shadow:0 0 12px #2265cf33}.item-rank-chip.gear-rank-2,.loot-gear-badge.gear-rank-2{color:#d5ecff;background:#153760;border-color:#69b7ff}
.gear-rank-3{border-color:#f2cf62!important;box-shadow:0 0 12px #f0c23b2a}.item-rank-chip.gear-rank-3,.loot-gear-badge.gear-rank-3{color:#fff3bc;background:#584411;border-color:#f2cf62}
.gear-rank-4{border-color:#b07cff!important;box-shadow:0 0 15px #8d4cff38}.item-rank-chip.gear-rank-4,.loot-gear-badge.gear-rank-4{color:#f2ddff;background:#4c246c;border-color:#be8cff}
.gear-rank-5{border-color:#ff6767!important;box-shadow:0 0 18px #ff46464d}.item-rank-chip.gear-rank-5,.loot-gear-badge.gear-rank-5{color:#ffe2e2;background:#6b1e1e;border-color:#ff8f8f}
.drop-rank-1{color:#fff;font-size:15px;font-weight:800}
.drop-rank-2{color:#9fd0ff;font-size:15.5px;font-weight:900}
.drop-rank-3{color:#ffe17c;font-size:16px;font-weight:900}
.drop-rank-4{color:#d6a8ff;font-size:16.5px;font-weight:900;text-shadow:0 0 8px #8d4cff88}
.drop-rank-5{color:#ff9f9f;font-size:17px;font-weight:1000;text-shadow:0 0 10px #ff4343a6}
.loot-line{padding:12px 14px;border-width:2px;background:#182236;gap:12px;align-items:center}
.loot-line b{display:block;line-height:1.35}
.loot-tier{min-width:64px;text-align:center;font-weight:900}
.loot-mark{min-width:68px;display:flex;justify-content:center;align-items:center}
.item-card__meta{font-size:13px}
.item-title-button{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.equipment-tooltip .tooltip-head h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.notice,.stats-shortcut,.sheet-stat,.sheet-feature,.sheet-resist,.item-card,.loot-line{backdrop-filter:blur(2px)}
