/* Player selections change content, never the geometry of forecasts or confirmations. */
body #deck #top-burn .bmid{height:338px;flex:none;justify-content:flex-start;gap:8px;box-sizing:border-box}
body #deck #top-burn .bflow{height:74px;flex:none;aspect-ratio:auto}
body #deck #top-burn .bgain{display:grid;grid-template-rows:24px 42px repeat(3,50px) 36px;height:252px;flex:none}
body #deck #top-burn .burn-gain-title{margin:0;align-self:center}
body #deck #top-burn .burn-xp-gain{width:min(174px,100%);height:32px;box-sizing:border-box;align-self:center;justify-self:center;margin:0;text-align:center}
body #deck #top-burn .burn-gain-row{box-sizing:border-box;min-height:0}
body #deck #top-burn .burn-gain-help{height:36px;box-sizing:border-box;margin:0;padding-top:6px;overflow:hidden}
.burn-gain-help.silent{visibility:hidden}
body #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary){height:360px;display:grid;grid-template-rows:minmax(0,1fr) 72px;align-self:center;max-height:100%}
body #deck #top-fuse .fuse-summary{height:440px}
body #deck :is(#top-burn,#top-fuse) .wk-summary-copy{align-self:stretch;overflow:auto;min-height:0}
body #deck :is(#top-burn,#top-fuse) :is(.burn-status,.fusion-status){display:block;min-height:18px;line-height:18px}
body #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary) .workshop-cost{height:72px;min-height:0;box-sizing:border-box}
/* Narrow desktop windows can have a shorter workshop despite a tall viewport. */
@container (max-height:350px){
 body.pc #deck #top-burn .bmid{height:214px;gap:4px}
 body.pc #deck #top-burn .bflow{height:44px}
 body.pc #deck #top-burn .bgain{height:166px;grid-template-rows:22px 36px repeat(3,36px) 0px;font-size:13px}
 body.pc #deck #top-burn .burn-xp-gain{height:26px;width:min(150px,100%)}
 body.pc #deck #top-burn .burn-gain-help{display:none}
 body.pc #deck #top-fuse .fuserow{width:min(100%,calc((100cqh - 20px)*15/7 + 486px));gap:14px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 150px minmax(0,1fr) 240px}
 body.pc #deck #top-fuse .fusion-flow{height:190px;grid-template-rows:40px 144px;gap:6px}
 body.pc #deck #top-fuse .fusion-arrow{height:40px}
 body.pc #deck #fusion-preview{grid-template-rows:22px 32px repeat(3,30px);font-size:12px}
 body.pc #deck #top-fuse .fusion-rank{height:26px;padding:4px 6px}
 body.pc #deck #top-fuse .fusion-preview-row{padding:4px 6px}
 body.pc #deck #top-fuse .fusion-preview-row b{font-size:14px}
 body.pc #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary){height:100%;padding:14px;gap:12px;grid-template-rows:minmax(0,1fr) 64px}
 body.pc #deck :is(#top-burn,#top-fuse) .wk-summary-copy{font-size:13px;line-height:1.35}
 body.pc #deck :is(#top-burn,#top-fuse) .wk-summary-copy>strong{font-size:20px;margin-top:5px}
 body.pc #deck :is(#top-burn,#top-fuse) .wk-summary-copy p{margin-top:8px}
 body.pc #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary) .workshop-cost{height:64px;padding:8px}
}
@media(min-width:1000px) and (max-height:800px){
 body #deck #top-burn .bmid{height:214px;gap:4px}
 body #deck #top-burn .bflow{height:44px}
 body #deck #top-burn .bgain{height:166px;grid-template-rows:22px 36px repeat(3,36px) 0px}
 body #deck #top-burn .burn-xp-gain{height:26px;width:min(150px,100%)}
 body #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary){height:100%;grid-template-rows:minmax(0,1fr) 64px}
 body #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary) .workshop-cost{height:64px}
}
@media(min-width:1000px) and (max-height:680px){
 body #deck #top-burn .bmid{height:172px}
 body #deck #top-burn .bflow{height:30px}
 body #deck #top-burn .bgain{height:138px;grid-template-rows:30px 30px repeat(3,26px) 0px}
 body #deck #top-burn .burn-xp-gain{height:24px}
}
@media(max-width:999px){
 body #deck #top-burn .bmid{height:200px;gap:4px}
 body #deck #top-burn .bflow{height:35px}
 body #deck #top-burn .bgain{height:161px;grid-template-rows:30px 32px repeat(3,33px) 0px}
 body #deck #top-burn .burn-xp-gain{height:26px;width:100%;padding:3px 0}
 body #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary){height:264px;max-height:none;grid-template-rows:minmax(0,1fr) 72px}
 body #deck #top-fuse .fuse-summary{height:280px}
}
@container (max-height:240px){
 body.pc #deck #top-burn .bmid{height:172px;gap:4px}
 body.pc #deck #top-burn .bflow{height:30px}
 body.pc #deck #top-burn .bgain{height:138px;grid-template-rows:30px 30px repeat(3,26px) 0px}
 body.pc #deck #top-burn .burn-xp-gain{height:24px}
 body.pc #deck #top-fuse .fusion-flow{height:149px;grid-template-rows:26px 119px;gap:4px}
 body.pc #deck #top-fuse .fusion-arrow{height:26px}
 body.pc #deck #fusion-preview{grid-template-rows:22px 28px repeat(3,23px);font-size:11px}
 body.pc #deck #top-fuse .fusion-rank{height:24px;padding:3px}
 body.pc #deck #top-fuse .fusion-preview-row{padding:2px 5px}
 body.pc #deck #top-fuse .fusion-preview-row b{font-size:13px}
 body.pc #deck :is(#top-burn,#top-fuse) :is(.burn-summary,.fuse-summary){padding:10px;gap:8px}
 body.pc #deck :is(#top-burn,#top-fuse) .wk-summary-copy>strong{font-size:18px}
}