/* Four fixed avatar slots: text never determines sprite aspect ratio. */
.forest-pocket-row{grid-template-columns:38px repeat(4,minmax(0,1fr)) 38px;display:grid;gap:4px;align-items:end}
.forest-pocket-row .a066-skill{width:auto;min-width:0}.forest-pocket-row .forest-avatar{width:48px;height:48px;min-height:48px;flex:none;display:block;margin:auto;position:relative}
.forest-pocket-row .a066-skill-name{font-size:10px;white-space:nowrap}.forest-pocket-row .a066-count{font-size:10px}.forest-pocket-row .a066-select{min-width:0;padding-left:0;padding-right:0}
.forest-pocket-row .a066-nav{min-width:0;font-size:9px;width:auto}.forest-pocket-row .a066-nav-face{width:32px;height:32px}.forest-pocket-row .a066-help{width:22px;height:22px}
.md-card[data-role=jump],#discovery-layer[data-kind=jump] .md-card{--md-tint:#d7c2ed;--md-accent:#b493d1}
.milestone-v013{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.milestone-v013 .md-card{max-height:calc(100vh - 48px)}.milestone-v013 .md-art>img{position:absolute;left:7%;top:7%;width:86%;height:86%;object-fit:contain;z-index:2}.milestone-v013 .md-art{position:relative;min-height:140px;flex:1}.milestone-v013 .md-description{flex:none}
.milestone-v013 .md-card-content{min-height:0}.milestone-v013 .md-name{font-size:24px}.milestone-v013 .md-description p{font-size:15px}.milestone-v013 .md-rule{font-size:12px}
.u67-entity[data-state=available] .u67-entity-art img,.u67-entity[data-state=locked] .u67-entity-art img,#atlas-detail[data-state=available] img,#atlas-detail[data-state=locked] img{opacity:.22;filter:brightness(0);-webkit-filter:brightness(0)}
@media(max-width:370px){.forest-pocket-row{gap:2px;grid-template-columns:32px repeat(4,minmax(0,1fr)) 32px}.forest-pocket-row .forest-avatar{width:42px;height:42px;min-height:42px}.forest-pocket-row .a066-skill-name{font-size:9px}}
@media(max-height:700px){.milestone-v013 .md-name{font-size:21px}.milestone-v013 .md-art{min-height:110px}.milestone-v013 .md-description p{font-size:13px}.milestone-v013 .md-card-foot{padding-top:8px}}

.jump-preview{fill:rgba(194,159,230,.08);stroke:rgba(224,196,255,.65);stroke-width:1.5;stroke-dasharray:5 7;pointer-events:none}
#view-game.forest-v09 .a066-root .a066-footer{display:block}
#view-game.forest-v09 .a066-root .forest-pocket-row{display:grid;grid-template-columns:36px repeat(4,minmax(0,1fr)) 36px;grid-gap:4px;height:100%;align-items:end}
#view-game.forest-v09 .a066-root .a066-skill{width:100%;max-width:64px;justify-self:center;height:84px}
#view-game.forest-v09 .a066-root .forest-avatar,#view-game.forest-v09 .a066-root .forest-avatar .a066-sprite,#view-game.forest-v09 .a066-root .forest-avatar .md-sprite{width:48px;height:48px;min-height:48px;transform:none}
#view-game.forest-v09 .a066-root .a066-skill-name{top:53px;font-size:10px;line-height:12px}
#view-game.forest-v09 .a066-root .a066-count{top:68px;font-size:10px;line-height:13px}
#view-game.forest-v09 .a066-root .a066-nav{width:36px;min-width:0}
#view-game.forest-v09 .a066-root .a066-nav-face{width:32px;height:32px}
#view-game.forest-v09 .a066-root .a066-help{width:22px;height:22px;right:-1px;top:1px}

.milestone-v013{width:320px;max-width:calc(100vw - 24px)}

/* Keep the two cards in each row on the same title, goal and action lines. */
#atlas-grid .u67-entity { display:flex; flex-direction:column; align-items:center; }
#atlas-grid .u67-entity strong {
  width:100%; line-height:20px; height:20px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#atlas-grid .u67-entity-status {
  max-width:100%; box-sizing:border-box; height:21px; line-height:19px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#atlas-grid .u67-entity .atlas-detail-open { flex:0 0 auto; }
#atlas-grid .u67-entity[data-state=locked] .u67-entity-art img { filter:brightness(0); opacity:.22; }