.l-stage{position:relative}#l-reference-host{position:absolute;inset:0;z-index:2}#l-reference-host:empty{display:none}
.l-reference{height:100%;display:grid;grid-template-rows:31px 29px minmax(0,1fr);gap:4px;padding:6px;border:1px solid #bdb78b;border-radius:6px;background:#e9e2c5;color:#294637}
.l-reference>header{display:flex;align-items:center;gap:7px;min-width:0}.l-reference>header>.portrait{height:30px;width:27px}.l-reference>header>b{font-size:13px;line-height:1.2;flex:1;min-width:0}.l-reference>header small{font-size:9px;display:block;font-weight:normal}.l-reference>header button{min-height:27px;font-size:10px;padding:3px 8px}
.l-reference>nav{display:flex;gap:4px}.l-reference>nav button{flex:1;min-width:0;min-height:27px;padding:3px;font-size:10px}.lr-body{min-height:0;font-size:11px;line-height:1.35;overflow:hidden}.lr-body h3{font-size:13px}.lr-body p{font-size:11px;line-height:1.45;margin:0}.lr-body small{font-size:10px}.lr-body button{min-height:26px;font-size:10px;padding:3px 8px}
.lr-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lr-stats-grid>div{padding:5px;background:#d4d8b9;display:flex;align-items:baseline;justify-content:space-between;gap:5px}.lr-stats-grid small{font-size:10px}.lr-stats-grid b{font-size:12px}.lr-stat-note{display:flex;align-items:center;justify-content:space-between;margin-top:5px;gap:4px}.lr-stat-note>span{font-size:9px}.lr-stat-note button{flex:none}
.lr-skill,.lr-trait-detail,.lr-item,.lr-states,.lr-traits{height:100%;display:flex;flex-direction:column;gap:6px}.lr-skill>div{display:flex;gap:5px;align-items:baseline;justify-content:space-between}.lr-skill>div>b{font-size:10px}.lr-skill>strong{background:#c7d2b5;padding:3px 6px;font-size:11px}.lr-skill>footer,.lr-trait-detail>footer{margin-top:auto;display:flex;align-items:center;gap:4px}.lr-skill>footer button{flex:1;min-width:0}
.lr-gear-list{height:100%;display:flex;flex-direction:column;gap:5px}.lr-gear-list button{display:flex;align-items:center;gap:8px;flex:1;min-height:25px;padding:4px 8px}.lr-gear-list .item-art{width:30px;height:30px}.lr-gear-list button>span{flex:1;display:flex;flex-direction:column;align-items:flex-start}.lr-gear-list b{font-size:12px}.lr-item>header,.lr-trait-detail>header{display:flex;align-items:center;gap:6px}.lr-item>header .item-art{width:30px;height:30px}.lr-item h3 small{font-weight:normal}.lr-bonuses{display:flex;flex-wrap:wrap;gap:4px}.lr-bonuses>b{background:#cfd6b9;padding:3px 6px;font-size:10px}.lr-item>small{margin-top:auto}.lr-trait-detail>span,.lr-trait-detail>strong{font-size:11px}.lr-traits>button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:25px;background:#d4d4b7}.lr-traits>button.is-active{background:#e1c780;border-color:#b5964e}.lr-traits>button>span{font-size:10px}.lr-traits>small{font-size:9px}.lr-pages{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;margin-top:auto}.lr-pages button{min-height:23px;padding:3px 12px}.lr-states>button{align-self:flex-start}.lr-states article{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0}.lr-states article>b{font-size:11px}.lr-states article>span{font-size:10px}.lr-empty{padding:10px;font-size:11px}
.lab-modal .l-reference-toggle{margin-left:auto;max-width:88px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:9px;padding:3px 5px;background:#cbd6b8}.l-analysis>nav{gap:2px;padding-left:3px;padding-right:3px}.l-analysis>nav button{padding-left:7px;padding-right:7px}.l-analysis>nav>small{margin-left:2px;font-size:8px}.lab-modal .l-skill-open{min-height:16px;border:0;padding:0;font-size:10px;text-align:left;background:none;color:#294637;font-weight:bold;text-decoration:underline}.l-log-filters button{padding-left:2px;padding-right:2px}
@media(max-height:340px){
 .l-reference{grid-template-rows:22px 23px minmax(0,1fr);gap:3px;padding:3px}.l-reference>header{gap:4px}.l-reference>header>.portrait{height:22px;width:20px}.l-reference>header>b{font-size:11px}.l-reference>header small{display:inline;margin-left:6px;font-size:8px}.l-reference>header button,.l-reference>nav button{min-height:22px;font-size:9px;padding:2px 5px}.lr-body{font-size:10px;line-height:1.25}.lr-body h3{font-size:11px}.lr-body p{font-size:10px;line-height:1.3}.lr-body small{font-size:8px}.lr-body button{min-height:22px;font-size:9px;padding:2px 5px}.lr-stats-grid{gap:3px}.lr-stats-grid>div{padding:2px 4px}.lr-stats-grid small{font-size:8px}.lr-stats-grid b{font-size:10px}.lr-stat-note{margin-top:3px}.lr-stat-note>span{font-size:8px}.lr-skill,.lr-trait-detail,.lr-item,.lr-states,.lr-traits{gap:3px}.lr-skill>div>b{font-size:8px}.lr-skill>strong{padding:2px 4px;font-size:9px}.lr-gear-list{gap:3px}.lr-gear-list button{padding:2px 5px;min-height:22px}.lr-gear-list .item-art{height:23px;width:23px}.lr-gear-list b{font-size:10px}.lr-item>header .item-art{height:22px;width:22px}.lr-bonuses>b{font-size:9px;padding:1px 4px}.lr-traits>button{min-height:22px}.lr-traits>button>span,.lr-traits>small{font-size:8px}.lr-trait-detail>span,.lr-trait-detail>strong{font-size:9px}.lr-pages{font-size:8px}.lr-pages button{min-height:21px}.lr-states article>b{font-size:9px}.lr-states article>span{font-size:8px}.l-analysis>nav button{padding:2px 5px}.lab-modal .l-reference-toggle{font-size:8px;max-width:71px}.lab-modal .l-skill-open{font-size:9px}.l-analysis>nav>small{font-size:7px}
}
@media(max-width:740px){.lab-modal .l-reference-toggle{max-width:65px}.lr-stats-grid>div{gap:3px}.lr-stats-grid small{font-size:8px}.lr-stats-grid b{font-size:10px}.l-reference>header small{font-size:8px}.lr-skill>div{flex-wrap:wrap;gap:2px}.lr-skill>div>b{font-size:8px}}

.l-stage.has-reference>.l-keymoments,.l-stage.has-reference>.l-canvas-wrap,.l-stage.has-reference>.l-roster{visibility:hidden}

@media(max-height:340px){.lr-skill.show-values>strong{display:none}.lr-traits{gap:2px}}

.l-layout:has(.l-reference.with-preview){position:relative}.l-stage:has(.l-reference.with-preview){position:static}.l-layout:has(.l-reference.with-preview)>.l-analysis{visibility:hidden}.l-reference.with-preview{grid-template-rows:31px 29px minmax(0,1fr)}.lr-demo-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.lr-demo-layout>.fx-clip{min-height:0;height:100%;border-radius:4px}.lr-demo-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain}.lr-demo-copy>.lr-skill,.lr-demo-copy>.lr-item{height:100%;min-height:min-content;padding:2px 5px}.lr-demo-copy .lr-skill>div{flex-wrap:wrap}.lr-demo-copy .lr-skill>div h3{font-size:15px}.lr-demo-copy .lr-item>header{flex-wrap:wrap}.lr-demo-copy .lr-item>header h3{font-size:15px}.lr-demo-copy .lr-item>small{margin-top:3px}.lr-demo-copy p{font-size:12px;line-height:1.4}.lr-demo-copy .lr-skill>footer{margin-top:auto;padding-top:5px}
@media(max-height:340px){.l-reference.with-preview{grid-template-rows:22px 23px minmax(0,1fr)}.lr-demo-layout{gap:8px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lr-demo-copy p{font-size:10px;line-height:1.3}.lr-demo-copy .lr-item>header h3,.lr-demo-copy .lr-skill>div h3{font-size:12px}.lr-demo-copy .lr-skill>footer{padding-top:2px}.lr-demo-copy .lr-item>small{font-size:9px}}