/* A landscape game surface: status above, navigation below, scrolling inside panels. */
:root{--hud-h:58px;--dock-h:66px;--menu-head-h:48px;--shell-edge:#101711;--shell-panel:#222c23;--shell-paper:#c5b88d;--shell-ink:#242b20}
html:has(.landscape-shell){height:100%;overflow:hidden}
body.landscape-shell{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-size:14px;background:#101913}
body.landscape-shell,body.landscape-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.landscape-shell :is(input,textarea,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]),body.landscape-shell [contenteditable="true"] *,body.landscape-shell [contenteditable=""] *,body.landscape-shell [contenteditable="plaintext-only"] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
body.landscape-shell :is(img,svg,a){-webkit-user-drag:none}
.landscape-shell button{touch-action:manipulation}
.landscape-shell .game-hud,.landscape-shell .menu-hud{height:var(--hud-h);min-height:var(--hud-h);flex:0 0 var(--hud-h);display:flex;align-items:center;gap:18px;padding:5px 20px;background:#141d17;border:0;border-bottom:2px solid #8a8055;box-shadow:inset 0 -4px #060d09;color:#ebe0bd}
.landscape-shell .game-hud:after{display:none}
.landscape-shell .brand,.hud-wordmark{font-size:23px;letter-spacing:3px;text-shadow:2px 2px #060b08;white-space:nowrap;color:#ddbf83}
.landscape-shell .brand span,.hud-wordmark small{display:block;font-size:9px;line-height:1.4;letter-spacing:2px;margin:3px 0 0;color:#929f85}
.landscape-shell #stats,.menu-vitals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;flex:1;max-width:740px;min-width:0}
.landscape-shell .game-hud .stat,.menu-hud .stat{margin:0;min-width:0}
.game-hud .stat-top,.menu-hud .stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;white-space:nowrap}
.game-hud .stat-top b,.menu-hud .stat-top b{font-size:20px;color:#ede5c8;font-weight:bold}
.game-hud .stat-top small,.menu-hud .stat-top small{display:none}
.game-hud .stat-top span:before,.menu-hud .stat-top span:before{font-size:12px;margin-right:5px}
.game-hud .stat:first-child .stat-top span:before,.menu-hud .stat:first-child .stat-top span:before{content:'✚';color:#b7ca77}
.game-hud .stat:nth-child(3) .stat-top span:before,.menu-hud .stat:nth-child(3) .stat-top span:before{content:'◆';color:#83c2c5}
.game-hud .stat:nth-child(4) .stat-top span:before,.menu-hud .stat:nth-child(4) .stat-top span:before{content:'ϟ';color:#d8cf7c}
.game-hud .bar,.menu-hud .bar{height:5px;border:0;margin:1px 0 0;box-shadow:none;background:#353f31}
.landscape-shell .clock{background:none;border:0;box-shadow:none;padding:0;margin-left:auto;font-size:13px;line-height:1.5;white-space:nowrap;text-align:right}
.landscape-shell .clock small{font-size:10px;line-height:1.4;color:#929f85}
.landscape-shell .fullscreen-button{width:40px;height:36px;min-height:36px;padding:0;font-size:27px;border:1px solid #52614a;background:#243023;color:#c7caa2;box-shadow:none;flex-shrink:0}
.landscape-shell>main{display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,26vw,340px);flex:1;min-height:0;overflow:hidden;gap:0;padding:0}
.landscape-shell .map-area{position:relative;border:0;box-shadow:none;min-height:0;overflow:hidden}
.landscape-shell .map-top{height:43px;min-height:43px;flex-shrink:0;padding:6px 14px;border-bottom:1px solid #536046;background:#243326}
.landscape-shell .map-top .eyebrow{display:none}.landscape-shell .map-top h2{font-size:18px;margin:0}
.landscape-shell .map-wrap,.landscape-shell .map-wrap.local-view{position:relative;flex:1;min-height:0;margin:0;padding:0;box-shadow:none;overflow:hidden}
.landscape-shell #map,.landscape-shell #local-map{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
.landscape-shell #atlas-tools{position:absolute;top:10px;left:10px;right:10px;z-index:2;padding:5px;border:1px solid #728464;background:#16271deb;box-shadow:2px 3px #06110980}
.landscape-shell #city-directory{position:absolute;z-index:3;top:62px;left:10px;width:min(290px,calc(100% - 20px));max-height:calc(100% - 85px);overflow:auto;margin:0;padding:6px 10px;background:#16251ff2}
.landscape-shell #city-directory summary{min-height:30px;line-height:30px}.landscape-shell #city-results{grid-template-columns:1fr;max-height:190px}
.landscape-shell #settlement-legend{position:absolute;bottom:0;left:0;z-index:1;padding:5px 10px;font-size:10px;background:#14261cdd;gap:12px}
.landscape-shell #atlas-footer,.landscape-shell .map-legend,.landscape-shell .map-note{display:none}
.landscape-shell #explore-toolbar{padding:4px 12px;gap:8px;flex-shrink:0;min-height:39px}.landscape-shell #go-exit{min-height:32px;padding:3px 10px}
.landscape-shell #movement-status{position:absolute;bottom:10px;left:10px;right:10px;z-index:4;margin:0;padding:8px 10px;background:#15261df5;border:1px solid #b1ae70}.landscape-shell #movement-vitals{display:none}
.landscape-shell aside.right{display:block;grid-column:auto;padding:14px;overflow:auto;min-height:0;border:0!important;border-left:2px solid #667153!important;box-shadow:inset 5px 0 #121a12;background:#202b21}
.landscape-shell .right>.eyebrow{font-size:10px;letter-spacing:1px;padding:0 0 6px}.landscape-shell .location-title{margin:8px 0 0;gap:8px}.landscape-shell .right .location-title h2{font-size:21px;margin:0}
.landscape-shell #location p{min-height:0;font-size:12px;line-height:1.75;margin:10px 0}.landscape-shell .place-type{font-size:11px}.landscape-shell .area-meta{font-size:11px;padding:8px 0;gap:8px}
.landscape-shell #actions{margin:12px 0;gap:7px}.landscape-shell #actions button{min-height:42px;padding:7px 8px;font-size:12px}.landscape-shell #actions small{font-size:10px}
.landscape-shell .camp-status{margin:10px 0;padding:8px}.landscape-shell .camp-status b{font-size:11px}.landscape-shell .camp-status small{font-size:10px}
.landscape-shell .encounter-summary{margin-top:12px;padding-top:10px}.landscape-shell .encounter-summary b{font-size:12px}.landscape-shell .encounter-summary span,.landscape-shell .encounter-summary button small{font-size:10px}

.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog){position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;box-shadow:none;overflow:hidden;background:#202b21;color:#e4ddc2;line-height:1.6}
.landscape-shell .game-menu[open]{display:flex;flex-direction:column}
.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog)::backdrop{background:#0c160feb;backdrop-filter:none}
.landscape-shell .menu-header,.landscape-shell #equipment-dialog .equipment-header,.landscape-shell #craft-dialog .craft-header,.landscape-shell #camp-dialog .camp-header{height:var(--menu-head-h);min-height:var(--menu-head-h);flex:0 0 var(--menu-head-h);padding:5px 18px;position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#313c2b;border:0;border-bottom:2px solid #101a10}
.landscape-shell .menu-header>div,.landscape-shell #equipment-dialog .equipment-header>div,.landscape-shell #craft-dialog .craft-header>div,.landscape-shell .camp-header>div{display:flex;align-items:baseline;gap:16px}
.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) h2{font-size:21px!important;margin:0!important;color:#edcea0}.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) .eyebrow{font-size:10px;letter-spacing:1px}
.landscape-shell .menu-header button,.landscape-shell #equipment-dialog .equipment-header button,.landscape-shell #craft-dialog .craft-header button,.landscape-shell #camp-close{margin:0;min-height:34px;height:34px;width:auto;padding:3px 12px;font-size:12px;line-height:1.5;background:#1e2b20;color:#d8d8b6}
.landscape-shell .bag-toolbar{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:8px 16px;background:#19251b;border-bottom:1px solid #576445;min-height:48px}
.bag-toolbar label{flex:1;max-width:390px;min-width:0}.bag-toolbar input{font:inherit;width:100%;height:34px;min-width:0;padding:5px 10px;border:1px solid #738463;background:#101c16;color:#e4dfc1}
.landscape-shell #bag-show-unowned{width:auto;min-height:34px;margin:0;padding:4px 10px;background:#37432d;color:#d7d5ad;white-space:nowrap;font-size:12px}.landscape-shell #bag-show-unowned[aria-pressed=true]{border-color:#d8b675;color:#f3d898}
#bag-count{margin-left:auto;font-size:11px;white-space:nowrap;color:#b5c398}
.bag-layout{display:grid;grid-template-columns:104px minmax(0,1fr) clamp(235px,29vw,350px);flex:1;min-height:0;overflow:hidden;background:#131f17}
.landscape-shell #bag-categories{display:flex;flex-direction:column;gap:6px;padding:10px 7px;overflow:auto;border:0;border-right:3px solid #0b170e;background:#2b3424}
.landscape-shell #bag-categories button{width:100%;margin:0;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px 8px;font-size:12px;color:#bbc49f;background:#202d1f;border:1px solid #5a6746;box-shadow:2px 2px #10190f;flex-shrink:0}
#bag-categories button small{font-size:10px;opacity:.75}.landscape-shell #bag-categories button[aria-pressed=true]{background:#bdad78;color:#202b1c;border-color:#e4d7a2;box-shadow:inset 3px 0 #f3dda0;text-shadow:none;font-weight:bold}
.landscape-shell #inventory.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-auto-rows:104px;align-content:start;gap:4px;min-height:0;overflow:auto;padding:12px;background-color:#ad9f78;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#6659320c 3px 4px);border:5px solid #514c33;box-shadow:inset 0 0 0 2px #d4c391}
.landscape-shell .bag-tile{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:8px 4px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#c9bc90;color:#242c20;border:1px solid #796e48;box-shadow:inset 1px 1px #e9dcac88;text-shadow:none;overflow:hidden}
.landscape-shell .bag-tile .pixel-item{width:60px;height:60px;padding:0;background:none;border:0;filter:drop-shadow(1px 2px #54452655);object-fit:contain;pointer-events:none}
.bag-tile-name{font-size:11px;line-height:1.3;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bag-tile-quantity{position:absolute;top:2px;right:5px;font-size:14px;color:#2b3421;text-shadow:0 1px #f0e2b6;background:#d6c89daf;padding:0 2px}
.bag-worn{position:absolute;top:4px;left:3px;color:#e9efc0;background:#425735;font-size:9px;padding:0 4px}.bag-tile.worn{border-bottom:3px solid #4e6637}
.landscape-shell .bag-tile[aria-pressed=true]{background:#e7d497;border:3px solid #6a4923;padding:6px 2px 3px;box-shadow:inset 0 0 0 2px #fff0bd}
.landscape-shell .bag-tile:hover:not(:disabled){background:#ddd0a0;color:#1e2b1c;border-color:#503c22;transform:none}
.landscape-shell .bag-tile.stock-absent{background:repeating-linear-gradient(135deg,#b3a47b 0 4px,#bdae854d 4px 8px);border:1px dashed #936e57;color:#624c3c}.bag-tile.stock-absent .pixel-item{opacity:.33;filter:grayscale(1)}.bag-tile.stock-absent .bag-tile-quantity{color:#824837}.bag-missing{position:absolute;bottom:22px;left:0;right:0;background:#775043e8;color:#f4d5b9;font-size:9px;line-height:1.6}
.landscape-shell .bag-empty{grid-column:1/-1;color:#363c29;padding:20px;line-height:1.8;font-size:12px;text-align:center}
.landscape-shell #bag-detail{padding:12px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(140deg,#394336,#1c2b22 65%);border-left:4px solid #111d14}
.bag-survivor-heading{display:flex;justify-content:space-between;gap:8px;flex-shrink:0;font-size:11px;border-bottom:1px solid #7b8868;padding-bottom:8px;color:#c4c7a7}.bag-survivor-heading b{color:#e2ce91}
.bag-loadout{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;grid-template-rows:minmax(0,1fr);gap:8px;flex:1;min-height:0;padding-top:10px;overflow:auto}.bag-slot-column{display:grid;grid-template-rows:repeat(4,minmax(45px,1fr));gap:6px;min-height:0}
.landscape-shell .bag-gear-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;margin:0;padding:4px 1px;gap:3px;background:#2b3b28;color:#a5b295;box-shadow:inset 0 0 0 1px #73806040;border:1px dashed #7c8662;overflow:hidden}.bag-gear-slot>span:first-child{font-size:9px;white-space:nowrap}.bag-gear-slot .pixel-item{width:30px;height:30px;border:0;background:transparent;padding:0}.bag-empty-slot{font-size:22px;line-height:1;color:#788568}.landscape-shell .bag-gear-slot.filled{border:1px solid #b2a66d;background:#45503a}
.bag-survivor{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;background:repeating-linear-gradient(0deg,#7c8a5120 0 1px,transparent 1px 28px);border-bottom:2px solid #7f8c57}.bag-survivor>.survivor-sprite{width:160%;height:100%;min-height:130px;max-height:360px;flex:1;filter:drop-shadow(3px 5px #09180eb0)}.bag-survivor small{font-size:9px;color:#b8c4a6;margin:4px 0;white-space:nowrap}
.bag-panel-note{font-size:11px!important;line-height:1.7;color:#b1bf9f;margin:9px 0 0;flex-shrink:0}
.landscape-shell .bag-back{width:auto;align-self:flex-start;min-height:30px;padding:3px 7px;margin:0 0 8px;font-size:11px;background:transparent;color:#bac9a7;box-shadow:none;border:1px solid #718267}
.bag-detail-scroll{flex:1;min-height:0;overflow:auto;padding-right:3px}.bag-item-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bag-item-heading h3{font-size:20px;line-height:1.4;color:#f3d294;margin:3px 0 6px}.bag-item-heading small{font-size:10px;color:#a6b994}.bag-item-heading b{font-size:12px}.bag-item-heading .pixel-item.large{width:72px;height:72px;background:#17261b;border:1px solid #72815c;padding:6px}.bag-detail-scroll p{font-size:12px;line-height:1.8;margin:10px 0;color:#c1cbb0}.bag-item-effects{display:flex;flex-wrap:wrap;gap:6px}.bag-item-effects span{font-size:11px;border:1px solid #6c8351;color:#c3dc9e;padding:3px 7px;background:#17291c}.bag-item-effects .reduces{color:#9fc9c7}
.bag-item-actions{border-top:1px solid #728460;padding-top:8px;margin-top:8px;display:flex;gap:8px;flex-shrink:0;align-items:center}.landscape-shell .bag-item-actions button{width:auto;min-height:38px;margin:0;padding:6px 9px;font-size:12px;flex:1}.landscape-shell .bag-item-actions .bag-use{background:#c3b277;border-color:#ead69b;color:#1c2c1e;text-shadow:none}.landscape-shell .bag-item-actions .bag-use:disabled{background:#303a2c;color:#aeb59a;border-style:dashed}.bag-item-actions .stock-source{font-size:10px;text-align:left}
.landscape-shell .equipment-layout{display:grid;grid-template-columns:minmax(260px,45%) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.landscape-shell .gear-paperdoll{padding:12px;display:flex;flex-direction:column;min-height:0;overflow:auto;border-right:3px solid #111c12;border-bottom:0}.landscape-shell #gear-slots{flex:1;min-height:220px;grid-template-columns:86px minmax(0,1fr) 86px;grid-template-rows:repeat(4,minmax(45px,1fr));padding:7px;gap:7px}.landscape-shell .gear-survivor{grid-area:1/2/5/3;min-width:0;min-height:0;gap:4px}.landscape-shell .gear-survivor>.survivor-sprite{width:180%;height:100%;max-height:390px;min-height:120px;flex:1}.landscape-shell .gear-survivor small{display:none}
.landscape-shell .gear-weapon{grid-area:1/1}.landscape-shell .gear-hands{grid-area:2/1}.landscape-shell .gear-feet{grid-area:3/1}.landscape-shell .gear-camp{grid-area:4/1}.landscape-shell .gear-head{grid-area:1/3}.landscape-shell .gear-face{grid-area:2/3}.landscape-shell .gear-body{grid-area:3/3}.landscape-shell .gear-utility{grid-area:4/3}
.landscape-shell #equipment-dialog .gear-slot{padding:4px;justify-content:center;gap:2px}.landscape-shell .gear-slot .pixel-item,.landscape-shell .gear-slot .empty-slot{width:32px;height:32px;font-size:21px;line-height:28px}.landscape-shell .gear-slot .slot-label{font-size:10px}.landscape-shell .gear-slot>span:last-child{font-size:10px}.landscape-shell .gear-management{padding:12px;min-height:0;overflow:auto}.landscape-shell #gear-current{padding:9px 12px;min-height:0}.landscape-shell #gear-current h3{font-size:18px;margin:4px 0}.landscape-shell #gear-current p{font-size:12px;margin:4px 0}.landscape-shell .gear-management>h3{margin:12px 0 8px}.landscape-shell .gear-option{margin-bottom:8px;padding:9px;gap:8px}
.gear-effects-panel{margin-top:8px;font-size:12px;color:#bbc7a3;flex-shrink:0}.gear-effects-panel summary{padding:6px;cursor:pointer;background:#273720;border:1px solid #6b7851}.landscape-shell #gear-effects h3{margin:10px 0}
.landscape-shell #craft-dialog[open]{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:var(--hud-h) var(--menu-head-h) 46px minmax(0,1fr) var(--dock-h)}
#craft-dialog>.menu-hud{grid-area:1/1/2/3}#craft-dialog>.craft-header{grid-area:2/1/3/3}.landscape-shell #craft-dialog>.craft-filters{grid-area:3/2/4/3;display:flex;flex-wrap:nowrap;gap:12px;padding:5px 12px;min-height:0}.landscape-shell .craft-filters>input{flex:1;flex-basis:0;min-width:0;padding:5px 10px;height:34px;font-size:13px}.landscape-shell .craft-filters label{font-size:11px}
.landscape-shell #craft-count{white-space:pre-line;grid-area:3/1/4/2;font-size:10px;line-height:1.4;margin:0;padding:5px 8px;background:#2b3525;color:#c6cba9;overflow:hidden}
.landscape-shell #craft-categories{grid-area:4/1/5/2;display:flex;flex-direction:column;flex-wrap:nowrap;padding:10px 7px;gap:6px;overflow:auto;background:#2b3525}.landscape-shell #craft-dialog #craft-categories button{min-height:46px;flex-shrink:0;padding:5px;font-size:12px}
.landscape-shell #craft-dialog>.craft-layout{grid-area:4/2/5/3;display:grid;grid-template-columns:minmax(170px,34%) minmax(0,1fr);min-height:0;overflow:hidden;flex:1}.landscape-shell #craft-dialog>.game-dock{grid-area:5/1/6/3}
.landscape-shell #recipe-list{display:block;max-height:none;min-height:0;height:auto;overflow:auto;padding:8px;border-right:2px solid #101d0e;border-bottom:0}.landscape-shell #craft-dialog .recipe-row{min-height:76px;padding:8px;margin:0 0 5px;display:block;width:100%}.landscape-shell #craft-dialog .recipe-row b{font-size:12px}.landscape-shell .recipe-row span{font-size:10px}.landscape-shell #craft-dialog .recipe-row .stock-badge{font-size:10px!important;padding:1px 4px;margin-top:4px!important}.landscape-shell .recipe-row .pixel-item{width:34px;height:34px;margin-right:8px}
.landscape-shell #craft-dialog #recipe-detail{display:flex;flex-direction:column;padding:0;min-height:0;max-height:none;overflow:hidden}.landscape-shell .recipe-scroll{padding:12px;min-height:0;overflow:auto}.landscape-shell .recipe-footer{padding:7px 12px 10px}.landscape-shell .recipe-footer .craft-error{font-size:11px!important;line-height:1.5;margin-bottom:5px}.landscape-shell #craft-dialog .craft-confirm{min-height:36px;padding:5px;font-size:12px}.landscape-shell .recipe-scroll .recipe-title-art{margin:0 0 8px!important}.landscape-shell .recipe-scroll .pixel-item.large{width:48px;height:48px}.landscape-shell .recipe-title-art h2{font-size:19px!important}.landscape-shell .readiness-panel{padding:8px;margin:8px 0}.landscape-shell .readiness-panel p,.landscape-shell .readiness-panel li{font-size:12px!important}.landscape-shell .requirement{padding:7px!important;gap:8px}.landscape-shell .requirement-main>b,.landscape-shell .requirement-count{font-size:12px}.landscape-shell .requirement-status .stock-badge{font-size:10px}.landscape-shell .recipe-output{font-size:12px}
.landscape-shell #camp-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;flex:1;min-height:0;overflow:hidden}.landscape-shell .camp-form-scroll{padding:14px;overflow:auto;min-height:0}.landscape-shell .camp-footer{padding:14px;display:flex;flex-direction:column;justify-content:flex-end;border-top:0;border-left:2px solid #687647;background:#26331f;min-height:0;overflow:auto}.landscape-shell .camp-buttons{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.landscape-shell #camp-dialog .camp-buttons button{min-height:42px;font-size:12px;width:100%}.landscape-shell .camp-footer-status{font-size:12px!important;line-height:1.7;margin-bottom:12px!important}.landscape-shell .camp-overview{padding-bottom:8px;gap:12px}.landscape-shell .camp-overview h3{font-size:19px}.landscape-shell .camp-art{width:70px;height:80px}.landscape-shell .camp-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landscape-shell .camp-choice{padding:8px}
.record-layout{display:grid;grid-template-columns:minmax(240px,36%) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.landscape-shell .record-layout aside.left{display:block;overflow:auto;margin:0;padding:16px;border:0!important;border-right:2px solid #526344!important}.landscape-shell .record-layout .left>*{display:block}.landscape-shell .record-layout .left .survivor{display:flex}.landscape-shell .record-layout .left>.muted,.landscape-shell .record-layout .left .tip{display:none}.landscape-shell .record-history{padding:16px;overflow:auto;min-height:0}.landscape-shell .record-history .log{padding:0;min-height:0;border:0;background:none}.landscape-shell #journal>div{padding:8px 0;border-bottom:1px solid #435437;font-size:12px;line-height:1.7}.landscape-shell .frequency{margin:16px 0}.record-options{display:flex;gap:8px;flex-wrap:wrap}.landscape-shell .record-options button{width:auto;margin:0;min-height:36px;font-size:12px}
.rotation-hint{display:none}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.landscape-shell #notice{bottom:calc(var(--dock-h) + 10px);font-size:12px;max-width:calc(100vw - 30px);padding:9px 14px;pointer-events:none;z-index:30}
.landscape-shell .activity{bottom:calc(var(--dock-h) + 12px);padding:14px;width:min(500px,calc(100vw - 30px));max-height:calc(100dvh - var(--hud-h) - var(--dock-h) - 20px);overflow:auto}.landscape-shell .activity-head .survivor-sprite{height:64px;width:60px}.landscape-shell .activity-head h2{font-size:17px}.landscape-shell .activity-head>b{font-size:20px}
.landscape-shell #dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:20px;line-height:1.8}
/* Phone landscape keeps tactical controls beside the board, even below 800 px wide. */
@media(orientation:landscape) and (max-height:700px){
 .landscape-shell #combat-dialog[open]{display:flex;flex-direction:column;width:100%;height:100dvh;max-height:none;margin:0;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;overflow:hidden}
 .landscape-shell .battle-header{position:absolute;top:env(safe-area-inset-top);right:env(safe-area-inset-right);width:230px;height:50px;min-height:50px;padding:4px 10px;border:0;border-left:1px solid #6d7e62;z-index:2}.landscape-shell .battle-header h2{font-size:15px!important}.landscape-shell .battle-header p{font-size:10px}.landscape-shell .battle-round{font-size:10px}.landscape-shell .battle-turn-status{position:static;display:flex;min-height:50px;height:50px;padding:4px 240px 4px 10px;gap:10px}.landscape-shell .battle-turn-heading{gap:8px}.landscape-shell .battle-turn-heading .battle-phase{font-size:20px}.landscape-shell #battle-turn-detail{font-size:10px;line-height:1.4;max-width:110px}.landscape-shell .battle-order{margin:0;gap:4px}.landscape-shell .turn-unit{padding:2px 5px;min-width:38px}.landscape-shell .turn-unit.current{padding:1px 4px}.landscape-shell .turn-unit b,.landscape-shell .turn-unit small{font-size:9px}
 .landscape-shell #battle-play{display:grid;grid-template-columns:minmax(0,1fr) 230px;flex:1;min-height:0;overflow:hidden}.landscape-shell #battle-play[hidden]{display:none}.landscape-shell .battle-main{display:flex;flex-direction:column;min-height:0;padding:5px 8px;overflow:hidden}.landscape-shell .battle-board-wrap{display:grid;place-items:center;flex:1;min-height:0}.landscape-shell #battle-board{width:100%;height:100%;min-height:0}.landscape-shell .battle-main .battle-legend{display:none}.landscape-shell .battle-map-controls{flex-wrap:nowrap;margin:0 0 2px;gap:6px;min-height:28px}.landscape-shell .battle-range-tools{flex:0 1 260px}.landscape-shell .battle-terrain-info b{font-size:11px}.landscape-shell #combat-dialog .battle-range-tools button{font-size:10px;min-height:27px;padding:3px 5px}.landscape-shell .range-status{font-size:10px;min-height:16px;line-height:1.4;margin:0 0 3px}.landscape-shell #battle-move{min-height:30px;flex-shrink:0;margin:3px 0;padding:2px 0;font-size:10px}.landscape-shell #battle-move p{margin:0;line-height:1.4}.landscape-shell .move-terrain-note{display:none}.landscape-shell #battle-move [data-combat-cancel]{min-height:27px;padding:2px 6px;font-size:10px}
 .landscape-shell .battle-main .battle-actions{grid-template-columns:repeat(4,1fr);flex-shrink:0;margin:0;gap:4px}.landscape-shell .battle-main .battle-actions button{min-height:33px!important;padding:2px!important;font-size:11px}.landscape-shell .battle-main .battle-actions small{font-size:9px!important}
 .landscape-shell .battle-side{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:6px 9px;gap:5px;border-left:2px solid #59694e!important}.landscape-shell .battle-side-scroll{display:flex;flex:1;min-height:0;overflow:auto;padding:0;gap:8px}.landscape-shell #battle-vitals{display:grid;grid-template-columns:1fr 1fr;gap:4px}.landscape-shell #battle-vitals b{font-size:16px}.landscape-shell #battle-vitals small,.landscape-shell #battle-vitals span{font-size:10px}.landscape-shell #battle-vitals p{font-size:10px;margin:3px 0}.landscape-shell #battle-weapon{padding-top:5px}.landscape-shell #battle-weapon label{font-size:11px}.landscape-shell #combat-dialog #battle-weapon-choice{font-size:12px;padding:5px;min-height:32px}.landscape-shell .battle-weapon-stats,.landscape-shell .ammo-readout{font-size:11px;margin:5px 0}.landscape-shell #battle-target{padding:6px}.landscape-shell .battle-target-head h3{font-size:12px}.landscape-shell .battle-target-head small,.landscape-shell .target-preview,.landscape-shell .attack-reason{font-size:10px!important}.landscape-shell .battle-turn-controls{position:static;display:grid;grid-template-columns:1fr 1fr;flex-shrink:0;margin:0;padding:5px 0 0;gap:5px;box-shadow:none}.landscape-shell #combat-dialog .battle-turn-controls button{min-height:34px;padding:4px 5px;font-size:11px}.landscape-shell .battle-turn-controls small{font-size:9px!important}.landscape-shell .battle-turn-controls #battle-flee{grid-column:1/-1;min-height:29px}.landscape-shell #battle-log{height:auto;max-height:70px;font-size:10px}.landscape-shell .battle-result{overflow:auto}
}
@media(max-width:1000px){
 .landscape-shell .game-hud,.landscape-shell .menu-hud{gap:12px;padding:4px 12px}.landscape-shell #stats,.menu-vitals{gap:12px}.landscape-shell .brand,.hud-wordmark{font-size:20px}.hud-wordmark small,.landscape-shell .brand span{display:none}.game-hud .stat-top,.menu-hud .stat-top{font-size:10px;gap:4px}.game-hud .stat-top b,.menu-hud .stat-top b{font-size:18px}.game-hud .stat-top span:before,.menu-hud .stat-top span:before{margin-right:3px}
 .landscape-shell>main{grid-template-columns:minmax(0,1fr) 235px}.landscape-shell aside.right{padding:10px}.bag-layout{grid-template-columns:90px minmax(0,1fr) 245px}.landscape-shell #inventory.bag-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-auto-rows:89px;padding:8px;gap:3px;border-width:3px}.landscape-shell .bag-tile .pixel-item{width:48px;height:48px}.bag-tile-name{font-size:10px}.bag-tile-quantity{font-size:12px}.landscape-shell #bag-categories button{min-height:42px;font-size:11px}.bag-loadout{grid-template-columns:54px minmax(0,1fr) 54px;gap:5px}.landscape-shell #bag-detail{padding:9px}.bag-toolbar label{max-width:300px}
 .landscape-shell #craft-dialog[open]{grid-template-columns:90px minmax(0,1fr)}.landscape-shell .equipment-layout{grid-template-columns:minmax(265px,43%) minmax(0,1fr)}.landscape-shell #gear-slots{grid-template-columns:70px minmax(0,1fr) 70px;gap:5px}.landscape-shell #camp-content{grid-template-columns:minmax(0,1fr) 230px}
}
@media(max-height:500px) and (orientation:landscape){
 :root{--hud-h:42px;--dock-h:48px;--menu-head-h:38px}.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) h2{font-size:17px!important}.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) .menu-header .eyebrow,.landscape-shell #equipment-dialog .equipment-header .eyebrow,.landscape-shell #craft-dialog .craft-header .eyebrow,.landscape-shell .camp-header .eyebrow{display:none}
 .landscape-shell .game-hud .clock,.menu-hud .clock{font-size:11px}.landscape-shell .clock small{font-size:9px}.landscape-shell #stats,.menu-vitals{gap:10px}.game-hud .stat-top b,.menu-hud .stat-top b{font-size:17px}.landscape-shell .bag-toolbar{min-height:40px;padding:4px 10px;gap:10px}.bag-toolbar input{height:32px;font-size:12px}.landscape-shell #bag-show-unowned{min-height:32px;font-size:11px;padding:3px 7px}#bag-count{font-size:10px}
 .landscape-shell #bag-categories{padding:6px;gap:4px}.landscape-shell #bag-categories button{min-height:35px;padding:4px 6px}.bag-survivor-heading{padding-bottom:4px;font-size:10px}.bag-loadout{padding-top:6px}.bag-slot-column{gap:3px;grid-template-rows:repeat(4,minmax(0,1fr))}.landscape-shell .bag-gear-slot{padding:1px;gap:1px}.bag-gear-slot>span:first-child{font-size:8px}.bag-gear-slot .pixel-item{width:20px;height:20px}.bag-empty-slot{font-size:18px}.bag-panel-note{font-size:10px!important;line-height:1.4;margin-top:5px}.bag-survivor>.survivor-sprite{min-height:0;height:0}.bag-survivor small{display:none}.bag-item-heading{gap:8px;margin-bottom:5px}.bag-item-heading h3{font-size:17px;margin:0 0 3px}.bag-item-heading .pixel-item.large{width:52px;height:52px}.bag-back{margin-bottom:5px!important}.bag-detail-scroll p{font-size:11px;line-height:1.65;margin:6px 0}.bag-item-actions{padding-top:5px;margin-top:5px}.landscape-shell .bag-item-actions button{min-height:34px;padding:4px 6px;font-size:11px}
 .landscape-shell #craft-dialog[open]{grid-template-rows:var(--hud-h) var(--menu-head-h) 40px minmax(0,1fr) var(--dock-h)}.landscape-shell #craft-dialog #craft-categories button{min-height:35px}.landscape-shell .recipe-scroll{padding:9px}.landscape-shell .recipe-footer{padding:5px 9px 7px}.landscape-shell .recipe-footer .craft-error{font-size:10px!important}.landscape-shell .recipe-scroll .recipe-effect{font-size:11px}.landscape-shell .requirement-legend{font-size:10px;gap:5px}
 .landscape-shell .gear-paperdoll,.landscape-shell .gear-management{padding:8px}.landscape-shell #gear-slots{min-height:180px;padding:5px;gap:4px;grid-template-rows:repeat(4,minmax(35px,1fr))}.landscape-shell .gear-slot>span:last-child{display:none}.landscape-shell .gear-slot .pixel-item,.landscape-shell .gear-slot .empty-slot{width:26px;height:26px;line-height:22px}.landscape-shell .gear-slot .slot-label{font-size:9px}.landscape-shell .gear-survivor span{font-size:9px}.gear-effects-panel{margin-top:4px}.gear-effects-panel summary{padding:3px 5px;font-size:10px}
 .landscape-shell .camp-footer{padding:10px}.landscape-shell .camp-form-scroll{padding:10px}.landscape-shell .camp-overview h3{font-size:16px}.landscape-shell .camp-overview p{font-size:12px;margin:5px 0}.landscape-shell .camp-art{width:55px;height:64px}.landscape-shell .camp-overview small{font-size:10px}.landscape-shell .camp-choice .choice-copy>b{font-size:12px}.landscape-shell .camp-choice .choice-copy small{font-size:10px}.landscape-shell .camp-choice .stock-badge{font-size:10px!important}.landscape-shell #camp-dialog .camp-buttons button{min-height:36px;font-size:11px}.landscape-shell .camp-footer-status{font-size:11px!important}
 .landscape-shell .map-top{height:34px;min-height:34px;padding:3px 12px}.landscape-shell .map-top h2{font-size:15px}.landscape-shell #atlas-tools{top:6px;left:6px;right:6px;padding:3px}.landscape-shell .atlas-tools button{min-height:30px;font-size:10px;padding:3px 7px}.landscape-shell #city-directory{top:47px;left:6px;width:215px;padding:3px 7px}.landscape-shell #settlement-legend{display:none}.landscape-shell #explore-toolbar{min-height:34px;padding:2px 10px}.landscape-shell #explore-breadcrumb{font-size:10px}.landscape-shell #location p{font-size:11px;line-height:1.65;margin:7px 0}.landscape-shell .right .location-title h2{font-size:18px}.landscape-shell #actions button{font-size:11px;min-height:37px;padding:5px}.landscape-shell #actions small{font-size:9px}.landscape-shell .right>.eyebrow{font-size:9px}
}
/* Keep the board tall by putting secondary tactical commands in a narrow rail. */
@media(orientation:landscape) and (max-height:700px){
 .landscape-shell .battle-header{display:block;overflow:hidden;z-index:6}.landscape-shell .battle-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}.landscape-shell .battle-header p{display:none}.landscape-shell .battle-round{font-size:9px;line-height:1.2;margin-top:2px}
 .landscape-shell #combat-dialog .battle-turn-controls button b{font-size:12px!important;line-height:1.4;white-space:nowrap}.landscape-shell #combat-dialog .battle-actions button b{font-size:11px!important;line-height:1.4;white-space:nowrap}.landscape-shell #combat-dialog .battle-actions button{font-size:11px!important}
 .landscape-shell .battle-main{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px;padding:5px}.landscape-shell .battle-board-wrap{grid-area:1/2/5/3;height:100%;min-width:0}.landscape-shell .battle-map-controls{grid-area:1/1;flex-direction:column;align-items:stretch;gap:4px;margin:0}.landscape-shell .battle-range-tools{flex:none;flex-direction:column;gap:3px}.landscape-shell #combat-dialog .battle-range-tools button{min-height:30px}.landscape-shell .range-status{grid-area:2/1;white-space:normal;font-size:9px}.landscape-shell #battle-move{grid-area:3/1;display:block;overflow:auto;align-self:start;max-height:100%;margin:0;padding:3px 0}.landscape-shell .battle-main .battle-actions{grid-area:4/1;grid-template-columns:1fr 1fr}.landscape-shell #battle-board{max-height:none}
}
/* Portrait remains usable; the recommendation never covers or blocks the game. */
@media(orientation:portrait) and (max-width:700px){
 :root{--hud-h:66px;--dock-h:60px;--menu-head-h:42px}.landscape-shell .game-hud,.landscape-shell .menu-hud{gap:8px;padding:5px 9px}.landscape-shell .brand,.hud-wordmark{display:none}.landscape-shell #stats,.menu-vitals{gap:7px}.game-hud .stat-top,.menu-hud .stat-top{display:flex;flex-direction:column;gap:0;line-height:1.5}.game-hud .stat-top span:before,.menu-hud .stat-top span:before{display:none}.game-hud .stat-top b,.menu-hud .stat-top b{font-size:17px}.landscape-shell .clock{font-size:10px}.landscape-shell .clock small{font-size:8px}.landscape-shell .fullscreen-button{width:30px;height:30px;min-height:30px;font-size:22px}
 .landscape-shell>main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 190px}.landscape-shell aside.right{padding:10px;border-left:0!important;border-top:2px solid #64744d!important}.landscape-shell .right>.eyebrow{display:none}.landscape-shell #actions{grid-template-columns:1fr 1fr;margin:8px 0}.landscape-shell #location p{margin:5px 0}.landscape-shell .right .location-title h2{font-size:18px}
.landscape-shell .rotation-hint{position:fixed;bottom:calc(var(--dock-h) + 8px);left:8px;right:8px;z-index:10;display:flex;align-items:center;gap:8px;padding:5px 8px;color:#dfd8b0;background:#203326ed;border:1px solid #adad74;font-size:10px;box-shadow:0 3px 12px #0008;pointer-events:none}.rotation-hint button{pointer-events:auto;flex-shrink:0;margin-left:auto;width:28px;min-height:28px;height:28px;padding:0}.landscape-shell.rotation-dismissed .rotation-hint{display:none}
 .landscape-shell .menu-header,.landscape-shell #equipment-dialog .equipment-header,.landscape-shell #craft-dialog .craft-header,.landscape-shell #camp-dialog .camp-header{padding:4px 10px}.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) .eyebrow{display:none}.landscape-shell .game-menu:is(#bag-dialog,#equipment-dialog,#craft-dialog,#camp-dialog,#journal-dialog) h2{font-size:18px!important}.landscape-shell .bag-toolbar{gap:7px;flex-wrap:wrap;padding:7px 10px;min-height:76px}.bag-toolbar label{flex-basis:55%;max-width:none}#bag-count{font-size:9px}.landscape-shell #bag-show-unowned{min-height:28px;height:28px;padding:2px 8px;font-size:10px}
 .bag-layout{grid-template-columns:68px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 192px}.landscape-shell #bag-categories{grid-area:1/1/3/2;padding:5px;gap:4px}.landscape-shell #bag-categories button{min-height:42px;padding:4px;font-size:10px}#bag-categories button small{font-size:8px}.landscape-shell #inventory.bag-grid{grid-area:1/2/2/3;grid-template-columns:repeat(auto-fill,minmax(67px,1fr));grid-auto-rows:83px;padding:5px}.landscape-shell .bag-tile .pixel-item{width:43px;height:43px}.landscape-shell #bag-detail{grid-area:2/2/3/3;padding:8px;border-left:0;border-top:3px solid #132116}.bag-loadout{grid-template-columns:53px minmax(0,1fr) 53px;padding-top:3px;overflow:hidden}.bag-slot-column{grid-template-rows:repeat(4,minmax(25px,1fr));gap:2px}.landscape-shell .bag-gear-slot{flex-direction:row;padding:1px;gap:2px}.bag-gear-slot .pixel-item{width:20px;height:20px}.bag-gear-slot>span:first-child{font-size:8px}.bag-survivor>.survivor-sprite{min-height:0;height:0}.bag-survivor small{display:none}.bag-survivor-heading{font-size:9px;padding-bottom:3px}.bag-panel-note{font-size:9px!important;margin-top:4px}.bag-item-heading .pixel-item.large{width:40px;height:40px}.bag-item-heading h3{font-size:16px}.bag-item-heading{margin:0;gap:8px}.landscape-shell .bag-back{min-height:24px;height:24px;margin-bottom:4px;font-size:10px}.bag-detail-scroll p{font-size:11px}.bag-item-actions{padding-top:4px;margin-top:4px}.landscape-shell .bag-item-actions button{min-height:30px;font-size:10px;padding:3px 6px}
 .landscape-shell .equipment-layout{display:flex;flex-direction:column;overflow:auto}.landscape-shell .gear-paperdoll{flex:none;min-height:285px;height:285px;overflow:auto;border-right:0}.landscape-shell .gear-management{flex:none;overflow:visible}.landscape-shell #gear-slots{min-height:210px}.landscape-shell .gear-slot>span:last-child{display:none}
 .landscape-shell #craft-dialog[open]{grid-template-columns:1fr;grid-template-rows:var(--hud-h) var(--menu-head-h) 44px 37px minmax(0,1fr) var(--dock-h)}#craft-dialog>.menu-hud{grid-area:1/1/2/2}#craft-dialog>.craft-header{grid-area:2/1/3/2}.landscape-shell #craft-dialog>.craft-filters{grid-area:3/1/4/2;padding:4px 10px;gap:7px}.landscape-shell .craft-filters label{font-size:10px}.landscape-shell #craft-count{display:none}.landscape-shell #craft-categories{grid-area:4/1/5/2;flex-direction:row;padding:3px 7px;gap:4px}.landscape-shell #craft-dialog #craft-categories button{min-height:30px;padding:2px 9px;font-size:10px}.landscape-shell #craft-dialog>.craft-layout{grid-area:5/1/6/2;grid-template-columns:minmax(105px,33%) minmax(0,1fr)}.landscape-shell #craft-dialog>.game-dock{grid-area:6/1/7/2}.landscape-shell #recipe-list{padding:5px}.landscape-shell #craft-dialog .recipe-row{padding:5px;min-height:84px}.landscape-shell .recipe-row .pixel-item{float:none;margin:0 0 4px;width:30px;height:30px}.landscape-shell #craft-dialog .recipe-row b{font-size:10px}.landscape-shell .recipe-row span{font-size:9px}.landscape-shell .recipe-scroll{padding:9px}.landscape-shell .recipe-title-art{flex-wrap:wrap;gap:5px}.landscape-shell .recipe-title-art h2{font-size:17px!important}.landscape-shell .recipe-output b{float:none;display:block}.landscape-shell .recipe-footer{padding:7px}.landscape-shell .recipe-footer .craft-error{font-size:10px!important}.landscape-shell .recipe-scroll .recipe-effect{font-size:11px}.landscape-shell .recipe-scroll .pixel-item.large{width:38px;height:38px}
 .landscape-shell #camp-content{display:flex;flex-direction:column}.landscape-shell .camp-form-scroll{flex:1;min-height:0;padding:10px}.landscape-shell .camp-footer{flex:none;border-left:0;border-top:2px solid #718054;padding:8px 10px;max-height:155px}.landscape-shell .camp-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.landscape-shell #camp-dialog .camp-buttons button{min-height:34px;font-size:10px}.landscape-shell .camp-footer-status{font-size:10px!important;margin-bottom:5px!important}.landscape-shell .camp-choice-grid{grid-template-columns:1fr 1fr}.landscape-shell .camp-choice{padding:5px;gap:5px}.landscape-shell .camp-choice .pixel-item{width:24px;height:24px}
 .record-layout{display:flex;flex-direction:column;overflow:auto}.landscape-shell .record-layout aside.left,.landscape-shell .record-history{flex:none;overflow:visible}.landscape-shell .record-layout aside.left{border-right:0!important;border-bottom:1px solid #637646!important}.landscape-shell .record-layout .left h1,.landscape-shell .record-layout .left .survivor{display:none}
}

.record-sources{margin-top:20px;font-size:11px;color:#a6b594}.record-sources summary{cursor:pointer;padding:6px 0}.record-sources p{line-height:1.8}.record-sources a{color:#d2bf84}

/* The journal uses a portrait, independently of the character's current action. */
.landscape-shell .record-layout .left .journal-survivor{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:300px;margin:14px 0 18px;padding:0;border:2px solid #707c5b;background:#18221d;box-shadow:3px 3px #0d1515}
.journal-portrait{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;object-position:center 30%;image-rendering:pixelated;border-bottom:2px solid #707c5b}
.journal-survivor>div{padding:9px 12px}
.journal-survivor b{color:#e5dbb5;font-size:14px;line-height:1.6}
.journal-survivor small{color:#b4bfaa;font-size:12px;line-height:1.6;margin-top:3px}
@media(max-height:540px) and (min-aspect-ratio:1/1){
 .landscape-shell .record-layout .left .journal-survivor{flex-direction:row;align-items:center;margin:10px 0 14px;max-width:none}
 .journal-portrait{width:44%;flex:none;aspect-ratio:1/1;border-bottom:0;border-right:2px solid #707c5b}
 .journal-survivor>div{padding:7px 9px;min-width:0}
 .journal-survivor b{font-size:13px}.journal-survivor small{font-size:12px}
}
@media(orientation:portrait) and (max-width:700px){
 .landscape-shell .record-layout .left h1{display:block}
 .landscape-shell .record-layout .left .journal-survivor{flex-direction:row;align-items:center;max-width:none}
 .journal-portrait{width:38%;flex:none;aspect-ratio:1/1;border-bottom:0;border-right:2px solid #707c5b}
}