.portrait-sheet{background:#e9dfc9;color:#4d4939;border:1px solid #b5a383;box-shadow:0 4px 20px #0002;overflow:hidden}
.portrait-heading{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #79694e33;font-family:Georgia,"Yu Mincho",serif;font-size:11px;letter-spacing:3px;color:#7d7059}
.portrait-layout{position:relative;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;background:radial-gradient(ellipse at 20% 50%,#fff6df88,transparent 75%)}
.portrait-copy{position:relative;z-index:1;padding:30px 0 30px 35px;font-family:Georgia,"Yu Mincho",serif}
.portrait-code{font-family:"Yu Gothic UI",sans-serif;font-size:10px;letter-spacing:2px;color:#817359}
.portrait-copy h2{font-size:44px;font-weight:500;letter-spacing:5px;line-height:1.5;color:#514b38;margin-top:8px}
.portrait-jp{font-size:11px;color:#817359;letter-spacing:5px}
.portrait-rule{display:block;width:35px;height:1px;background:#9f8f6d;margin:24px 0}
.portrait-description{font-size:13px;line-height:2.3;color:#75664d;letter-spacing:1px}
.portrait-copy dl{margin:28px 0 0}.portrait-copy dl>div{margin-top:14px}.portrait-copy dt{font-size:9px;color:#8a7c61;letter-spacing:1px}.portrait-copy dd{margin:5px 0 0;font-size:13px;color:#514a37}.portrait-copy dl>div:first-child dd{font-size:27px;letter-spacing:2px}
.portrait-image{display:block;width:100%;max-width:375px;justify-self:center;line-height:0}.portrait-image img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.portrait-caption{display:flex;justify-content:space-between;padding:13px 24px;border-top:1px solid #79694e33;color:#7d7059;font-size:9px;letter-spacing:1px}.portrait-caption a{color:#6a6049;text-decoration:none;white-space:nowrap}
.portrait-loadout{background:#253027;color:#dde1c9;display:flex;align-items:center;padding:8px 20px;gap:12px}.portrait-loadout small{font-size:8px;color:#a5af98;display:block;margin-bottom:4px}.portrait-loadout b{font-size:12px;letter-spacing:1px}.portrait-loadout>span{margin-left:auto;color:#a5af98;font-size:10px}
@media(max-width:720px){.portrait-heading{padding:13px 16px;font-size:9px;letter-spacing:2px}.portrait-layout{grid-template-columns:1fr}.portrait-copy{padding:20px 22px 0;display:grid;grid-template-columns:1fr auto;gap:0 10px}.portrait-code{font-size:8px;grid-column:1;letter-spacing:1.5px}.portrait-copy h2{font-size:34px;grid-column:1;margin-top:3px}.portrait-jp{grid-column:1;font-size:9px}.portrait-description,.portrait-rule{display:none}.portrait-copy dl{grid-column:2;grid-row:1/4;margin:0;text-align:right}.portrait-copy dl>div{margin:0}.portrait-copy dl>div+div{margin-top:7px}.portrait-copy dt{font-size:8px}.portrait-copy dd{font-size:9px}.portrait-copy dl>div:first-child dd{font-size:23px;margin-top:2px}.portrait-image{max-width:290px;margin-top:-2px}.portrait-caption{font-size:7px;padding:12px 15px;letter-spacing:.5px}.portrait-loadout{padding:7px 13px}.portrait-loadout>span{font-size:9px}}
.squad-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.gallery-card{padding:0;border:1px solid #9c8d6e;background:#e9dfc9;text-align:left;color:#554c36;overflow:hidden}
.gallery-art{aspect-ratio:2/3;overflow:hidden;background:#eee1c5}.gallery-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.gallery-card:hover .gallery-art img{transform:scale(1.025)}
.gallery-caption{padding:15px 17px;border-top:1px solid #8b795333;background:#e9dfc9}.gallery-caption small{display:block;font-size:8px;color:#897854;letter-spacing:1px}.gallery-caption b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:500;letter-spacing:2px;margin:7px 0}.gallery-caption span{display:block;font-size:10px;color:#7c6b4a;letter-spacing:2px}.gallery-caption i{float:right;font-style:normal}
@media(max-width:720px){.squad-gallery{gap:8px}.gallery-caption{padding:10px 8px}.gallery-caption small{font-size:6px;letter-spacing:.2px}.gallery-caption b{font-size:16px;letter-spacing:1px;margin:6px 0}.gallery-caption span{font-size:8px;letter-spacing:1px}.unit-selector{scrollbar-width:thin}.unit-selector button{min-width:100px;flex:1}}
.illustrated-token{overflow:visible;flex-shrink:0}.docked .illustrated-token{filter:drop-shadow(3px 7px 2px #111b1c88)}
.battle-unit.chosen .illustrated-token{filter:drop-shadow(0 0 3px #ffe299)}
.battle-unit.acted .illustrated-token{filter:saturate(.35)}
.battle-roster .illustrated-token{margin-right:4px}.codex-item.unknown .illustrated-token{filter:brightness(0) opacity(.4)}
.docked .platform{opacity:.3}.battle-roster button{min-height:62px}