/* V4.8 — consistent controls, status bars and effect tooltips */
:root{--green:#b89c69;--muted:#b4aa99;--border:#5c5142}
button:hover,.button:hover,button.primary:hover,.primary:hover{background:linear-gradient(#534332,#342d26);border-color:#a38960;color:#f1dfbd;box-shadow:inset 0 1px #d6b87926,0 2px 8px #0004}.text-button:hover{background:#ffffff05;color:#e6cfa4}.topbar nav button:hover,.topbar nav button.active{background:#3b3329;color:#e4c99b;border-color:#8c7553}.town-map>button:hover{background:#f1c57b14}.effect-icon:hover{background:#433628}.primary:active,button:active{filter:brightness(.92)}
.panel,.game-dialog,.auth-card{border-color:#75664c}.panel::before,.game-dialog::before{border-image-source:url('polish/frame.svg?v=48')}.panel::after{opacity:.85}.auth-card{box-shadow:0 22px 60px #0008,inset 0 0 0 4px #11171b77}
.bar,.doll-name .bar{height:11px;border:1px solid #82704e;border-radius:4px;background:linear-gradient(#080c10,#252324);box-shadow:inset 0 2px 4px #000c,0 1px #d9bc6b20;overflow:hidden}.bar i,.doll-name .bar i{position:relative;background:linear-gradient(0deg,#6b2627,#ae4843 55%,#c57560 100%);box-shadow:inset 0 1px #f3ad8a66,2px 0 6px #b04a3d77}.bar i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#1e131322 calc(20% - 1px),#1e131322 20%)}.bar.xp i{background:linear-gradient(0deg,#6a502b,#aa8246 60%,#d8b575);box-shadow:inset 0 1px #ffebba80}.bar-label{color:#cbbda7;font-variant-numeric:tabular-nums}.doll-name .bar-label{margin:7px 0 4px}.doll-name .bar-label b{color:#e8dac4;font-size:10px}.doll-name .bar.xp{height:8px}
[data-stat-help]{display:inline-block;width:max-content;max-width:100%;cursor:help;border-bottom:1px dotted #ac9568;line-height:1.35}.stat>span{flex:1}.stat>span>[data-stat-help]{flex:none}.breakdown-row>span:first-child{flex:0 1 auto}
.profile-layout{max-width:1180px;grid-template-columns:minmax(540px,1.25fr) minmax(300px,.85fr);gap:24px}.profile-hero{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start}.profile-hero .paperdoll{width:100%;max-width:490px;grid-template-columns:84px minmax(170px,1fr) 84px}.profile-effects{display:flex;flex-direction:column;gap:9px;padding-top:125px;min-width:0}.profile-effects:empty{display:none}.profile-hero:has(.profile-effects:empty){grid-template-columns:1fr}.profile-layout .paperdoll .doll-portrait{background:#15191b;overflow:hidden}.profile-layout .paperdoll .doll-portrait img{object-fit:contain!important;object-position:center;width:100%;height:100%;background:#15191b}
.effects{display:flex;gap:12px;flex-wrap:wrap}.effect-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:72px;height:80px;padding:7px;border:1px solid #8a714c;border-radius:6px;background:radial-gradient(ellipse,#5c49312b,#151b20 85%);box-shadow:inset 0 0 10px #0007}.effect-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0008);pointer-events:none}.effect-icon>span{position:absolute;bottom:3px;right:4px;padding:2px 4px;font:10px Arial;background:#0d121ce8;color:#e0c797;border-radius:3px;pointer-events:none}.profile-effects .effect-icon{width:50px;height:58px;padding:4px}.compact-effects{padding:20px 24px}.compact-effects .effects{margin-top:15px}.tooltip-title>.tip-icon img{width:100%;height:100%;object-fit:contain}.profile-effects .effect-icon:focus-visible{outline:2px solid #cfb17b;outline-offset:2px}
.auth-footer{display:block;max-width:1180px;margin:0 auto;padding:0 36px 24px;border:0;text-align:center}.auth-footer .telegram-promo{max-width:100%;text-align:left;background:#18222ae8;margin:0 0 18px;border:1px solid #74664c;backdrop-filter:blur(8px)}.auth-footer>p{font-size:10px;letter-spacing:1.5px;color:#c6bda9}.auth-layout{min-height:calc(100dvh - 150px)}.auth-story{min-height:530px}
.pve-card>img{width:100%;height:220px;object-fit:cover;display:block;border:1px solid #89704b;border-radius:5px;margin-bottom:22px;box-shadow:0 8px 20px #0005}.back-to-town{padding:10px 16px;border-color:#7c6747;margin:0 0 16px}.combat-stats>span,.quest-card,.recipe-card,.request-row,.shop-item,.notice,.waiting,.catalog-tools,.combat-details,.combat-picker,.zone-row{background-color:#242321;border-color:#625540}.selected,.active{border-color:#a58a60}.gear-bonus,.accent,.defended,.online,.requirement-met{color:#d3b885!important}.trade-progress{background:#272622}.trade-progress i{background:linear-gradient(90deg,#5c4c32,#b19054)}.stat-stepper button,.filter-tabs button.active,.filters button.active{background:#42392b;color:#e2c58e}.skill-point-badge{background:#b99a60;color:#211e18}.log{background:#171b1d;color:#bfb5a4}
@media(max-width:1000px){.profile-layout{grid-template-columns:1fr;max-width:680px}.profile-hero .paperdoll{max-width:500px}.auth-story{min-height:450px}}
@media(max-width:760px){.auth-story{min-height:0}.auth-footer{padding:0 22px 24px}.auth-footer .telegram-promo{flex-wrap:wrap;padding:18px 36px 18px 18px}.auth-footer .telegram-play,.auth-footer .telegram-soon{margin-left:0}.auth-layout{min-height:0}.profile-layout{max-width:600px}}
@media(max-width:520px){.profile-layout{max-width:none}.profile-layout>.panel{padding-left:14px;padding-right:14px}.profile-hero{grid-template-columns:34px minmax(0,1fr);gap:6px}.profile-effects{padding-top:125px;gap:6px}.profile-effects .effect-icon{width:34px;height:43px;padding:2px}.profile-effects .effect-icon>span{font-size:8px;bottom:1px;right:1px}.profile-hero .paperdoll{grid-template-columns:55px minmax(82px,1fr) 55px;gap:5px}.profile-hero .doll-name strong{font-size:12px}.profile-hero .equip-slot small{font-size:8px}.effect-icon{width:66px;height:74px}.pve-card>img{height:170px}.doll-name .bar-label{font-size:9px}.profile-hero .doll-name .bar-label b{font-size:8px}}