/* OslíCamp 3.1 – rozšíření vzhledu, původní styly zůstávají základem. */
.avatar-art{display:inline-block;position:relative;width:54px;height:72px;flex-shrink:0;overflow:hidden;vertical-align:middle;isolation:isolate}
.avatar-art>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;transform:translate(var(--portrait-x,0%),var(--portrait-y,0%)) scale(var(--portrait-scale,1));transform-origin:center}
.account-link .avatar-art{width:32px;height:42px}.avatar-art.profile-avatar{width:160px;height:220px}.profile-card .avatar-art{align-self:center}
.avatar-choices .choice-tile{display:flex;flex-direction:column;align-items:center;height:100%;gap:10px}.avatar-choices .avatar-art{padding:0;border:0;background:transparent;border-radius:0;width:90px;height:120px;box-shadow:none}.avatar-choices .avatar-art>img{width:100%;height:100%}
.avatar-choices{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.comment>.avatar-art{width:54px;height:72px}.author-credit{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.author-credit .avatar-art{width:30px;height:40px}
.brand>img{width:var(--brand-size,66px);height:var(--brand-size,66px);object-fit:contain}.hero-art{overflow:hidden}.hero-art>img{transform:scale(var(--hero-scale,1));transform-origin:center}.kingdom-watermark{background-image:var(--crest-url);opacity:var(--crest-opacity,.04)}
.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:20px;margin-top:24px}.character-tile{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.character-tile>.avatar-art{width:120px;height:160px}.character-tile h3,.character-tile p{margin:0}.character-tile progress{width:100%;height:8px;accent-color:#f5c55c}.character-tile .button{margin-top:auto}
.character-editor{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1fr);gap:30px;align-items:start}.graphic-preview{min-height:200px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#111d34 0% 25%,#172440 0% 50%) 50% /24px 24px;border:1px solid #ffffff22;border-radius:14px;overflow:hidden;padding:18px}.graphic-preview>img{height:180px;width:100%;object-fit:contain}.portrait-preview{position:sticky;top:20px;height:420px}.portrait-preview .avatar-art{width:270px;height:360px;padding:0}.portrait-preview .avatar-art>img{height:100%;width:100%}.graphic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.graphic-form input[type=range]{padding:0;height:30px;accent-color:#f5c55c}.graphic-form output{float:right;color:#f5c55c;font-variant-numeric:tabular-nums}
.dashboard-avatar.avatar-art{width:180px;height:250px}.online-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.online-person{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #ffffff22;border-radius:12px}.online-person small{display:block;color:#a9bad4;font-size:.75rem;margin-top:5px}.online-dot{display:inline-block;width:8px;height:8px;background:#6fd3a2;border-radius:50%;margin-right:7px}.growth-chart{display:flex;align-items:stretch;gap:5px;height:190px;margin:25px 0 35px;padding-bottom:25px;overflow:hidden}.growth-chart>div{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.growth-chart span{display:block;width:100%;min-height:2px;max-height:100%;background:linear-gradient(#ffe1a0,#ab7d26);border-radius:5px 5px 0 0}.growth-chart small{position:absolute;top:100%;margin-top:6px;font-size:10px;color:#a9bad4}
.mute-page{padding-block:30px 65px}.mute-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1fr);align-items:center;gap:40px}.mute-art{position:relative;max-width:340px;width:100%;margin:auto;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse,#273954,#080e20);padding:20px}.mute-art>.avatar-art{width:100%;height:400px}.mute-art>img{width:100%;max-height:430px;object-fit:contain}.mute-art.with-bars:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,#596575 38px,#b5c3ce 42px,#253349 47px,transparent 49px 68px);border:9px solid #526071;box-shadow:inset 0 0 35px #0009;pointer-events:none}.mute-countdown{--progress:100%;width:185px;height:185px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#f5c55c var(--progress),#263551 0);margin:25px 0;padding:9px}.mute-countdown>div{border-radius:50%;background:#111c32;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mute-countdown strong{font-size:40px;color:#ffe1a0;line-height:1.2}.mute-countdown span{font-size:12px}.mute-countdown small{font-variant-numeric:tabular-nums;color:#b4c3d9;font-size:11px;margin-top:8px}
@media(max-width:800px){.graphic-grid,.character-editor,.mute-layout{grid-template-columns:1fr}.portrait-preview{position:static;height:330px}.portrait-preview .avatar-art{height:280px;width:210px}.dashboard-avatar.avatar-art{width:90px;height:150px}.mute-layout{gap:20px}.mute-art{max-width:250px}.mute-art>.avatar-art{height:290px}.graphic-grid{gap:18px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-tile{padding:15px!important}.character-tile>.avatar-art{width:90px;height:120px}.character-tile h3{font-size:1.1rem}.character-tile strong{font-size:.85rem}.avatar-art.profile-avatar{width:90px;height:130px}.growth-chart{gap:3px}.growth-chart small{font-size:8px}}
@media(max-width:420px){.avatar-art.profile-avatar{width:65px;height:100px}.avatar-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.online-grid{grid-template-columns:1fr}.brand>img{max-width:85px;max-height:85px}.character-tile>.avatar-art{width:80px;height:110px}}