/* Player-first sizing: a narrow future ad gutter, rather than a scenery column. */
.fellowship-shell .journal-frame{background:transparent}
.fellowship-shell .frame-inner{background:transparent;isolation:isolate}
.fellowship-shell .frame-inner::before{
 content:none;
}
.fellowship-shell .tree-node,.fellowship-shell .tree-node img{opacity:1}
@media(min-width:1451px){
 .fellowship-shell{max-width:none}
 .fellowship-shell .layout{grid-template-columns:clamp(210px,9vw,340px) minmax(500px,1.15fr) minmax(420px,1fr);gap:22px}
 .fellowship-shell .tree-grid{max-width:none;--node:clamp(39px,4.65dvh,68px);height:calc(var(--node)*10 + 160px)}
 .fellowship-shell .column-name{font-size:clamp(12px,.6vw,18px);margin-bottom:6px}
 .fellowship-shell .top-ornament,.fellowship-shell .node-stack,.fellowship-shell .gem-base,.fellowship-shell .gem-base:before{background-size:clamp(90px,4.1vw,140px) auto}
 .fellowship-shell .gem-power{font-size:clamp(25px,1vw,34px);height:42px;line-height:39px;background-size:130px auto}
 .fellowship-shell .gem-base{height:62px;padding-top:4px}
 .fellowship-shell .gem-base img{height:45px;width:45px}
 .fellowship-shell .hero-tile{height:clamp(108px,10dvh,150px)}
 .fellowship-shell .hero-tile strong{font-size:clamp(14px,.65vw,20px)}
 .fellowship-shell .hero-panel>h2{font-size:26px}
 .fellowship-shell .armory-heading,.fellowship-shell .armory-stage,.fellowship-shell .armory-key{max-width:760px}
 .fellowship-shell .armory-stage{height:clamp(425px,43dvh,650px);grid-template-columns:80px minmax(0,1fr) 80px;gap:10px}
 .fellowship-shell .armory-slot-icon{height:33px;width:33px}
 .fellowship-shell .armory-slot-name{font-size:9px}
 .fellowship-shell .armory-heading h2{font-size:28px}
 .fellowship-shell .gem-panel{max-width:720px}
 .fellowship-shell .gem-choice{height:45px;max-width:115px}
 .fellowship-shell .gem-choice img{height:38px;width:38px}
 .fellowship-shell .catalog-labels,.fellowship-shell .gem-row{grid-template-columns:80px repeat(4,minmax(0,1fr));gap:8px}
 .fellowship-shell .gem-row>b{font-size:13px}
 .fellowship-shell .catalog-labels{font-size:10px}
 .fellowship-shell .editing-heading h3{font-size:21px}
 .fellowship-shell .equipment-step h2{font-size:25px}
 .fellowship-shell .equipment-step>span{font-size:11px}
 .fellowship-shell .active-build b{font-size:17px}
 .fellowship-shell .build-total strong{font-size:29px}
 .fellowship-shell .build-toolbar{min-height:63px}
 .fellowship-shell .build-portrait{height:42px;width:42px}
}
@media(min-width:2200px){
 .fellowship-shell{margin-left:clamp(28px,1.25vw,48px);width:calc(100% - clamp(220px,9vw,360px) - clamp(48px,2vw,80px));max-width:none}
 .fellowship-shell .armory-heading,.fellowship-shell .armory-stage,.fellowship-shell .armory-key{max-width:860px}
 .fellowship-shell .armory-stage{grid-template-columns:91px minmax(0,1fr) 91px;gap:11px}
 .fellowship-shell .armory-slot-icon{height:39px;width:39px}
 .fellowship-shell .armory-slot-name{font-size:11px}
 .fellowship-shell .armory-gem{width:24px;height:24px;right:-6px}
 .fellowship-shell .armory-gem img{width:23px;height:23px}
 .fellowship-shell .gem-panel{max-width:820px}
 .fellowship-shell .gem-choice{height:50px;max-width:135px}
 .fellowship-shell .gem-choice img{height:43px;width:43px}
 .fellowship-shell .gem-row{padding:4px 0}
 .fellowship-shell .gem-row>b{font-size:15px}
 .fellowship-shell .equipment-step h2{font-size:28px}
 .fellowship-shell .hero-rail .build-panel-heading h2{font-size:24px}
 .fellowship-shell .hero-rail .build-choice>b{font-size:21px}
}
/* Grow the journal into the space beside and below it, up to the armory rail. */
@media(min-width:1451px){
 .fellowship-shell .layout{grid-template-columns:clamp(210px,9vw,340px) minmax(500px,1fr) clamp(590px,27vw,1000px)}
 .fellowship-shell .journal-frame{align-self:stretch}
 .fellowship-shell .frame-inner{height:calc(100% - 18px);display:flex;flex-direction:column}
 .fellowship-shell .set-bonus-toggle,.fellowship-shell .build-toolbar,.fellowship-shell .tree-footnote{flex-shrink:0}
 .fellowship-shell .tree-grid{--node:clamp(42px,5.2dvh,82px);height:auto;min-height:calc(var(--node)*10 + 160px);flex:1;width:100%}
 .fellowship-shell .tree-footnote{padding-top:8px}
}