/* Modular skin, supplied UI Asset Pack 01 / Revision 02.
   All distances below are logical pixels on the 1920 × 1080 design canvas. */
body:has(.game-shell){overflow:hidden;background:#080a09}
.game-shell{position:fixed;left:50%;top:50%;width:1920px;height:1080px;min-height:0;max-width:none;margin:0;padding:0;display:block;transform:translate(-50%,-50%) scale(var(--ui-scale,1));transform-origin:center;background:#121310;isolation:isolate}
.game-shell [hidden]{display:none!important}
.game-shell>.stone-frame{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;border-image:none;box-shadow:none;background:none;isolation:auto;overflow:visible}
.game-shell>.topbar{position:absolute;left:20px;top:20px;width:1880px;height:44px;min-height:0;padding:0 26px 0 36px;gap:20px;background:linear-gradient(#0c100e60,#0c100e60),url('./assets/ui/exploration/TopBar/ui_topbar_bg.png') center/1880px 44px no-repeat;z-index:30}
.game-shell .brand-title{font:500 26px var(--heading);letter-spacing:.065em;color:#c0b59f}
.game-shell .top-actions{gap:8px}
.game-shell .top-actions .hud-icon-button{width:32px;height:36px;min-height:0;padding:4px}
.game-shell .raven-crown{position:absolute;left:830px;top:12px;width:260px;height:72px;max-width:none;transform:none;z-index:35;background:url('./assets/ui/exploration/TopBar/ui_top_emblem.png') center/contain no-repeat;pointer-events:none;display:block}
.game-shell .view-frame{position:absolute;left:32px;top:76px;width:1856px;height:724px;min-height:0;margin:0;padding:0;border:0;border-image:none;box-shadow:none;z-index:5;overflow:hidden;background:#111714}
.game-shell .location-hud{top:20px;left:22px;max-width:650px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:0;border:0;background:none;box-shadow:none;color:#c7c8c0;opacity:.76;text-shadow:0 1px 3px #111a}
.game-shell .location-hud>span{font:400 23px var(--heading);letter-spacing:.02em}
.game-shell .location-hud small{font:400 17px var(--heading);color:inherit;white-space:normal}
.game-shell .night-status{display:flex;height:22px;align-items:center}.game-shell .night-status:empty{display:none}
.game-shell .night-status .hud-glyph{width:18px;height:18px}
.game-shell .crosshair{font-size:15px;opacity:.5}

/* Edges repeat in one axis. Corners and metalwork are never stretched. */
.ui-frame{position:absolute;pointer-events:none;filter:saturate(.6) brightness(.76)}
.ui-frame>i{position:absolute;display:block;background-repeat:no-repeat}
.ui-outer-frame{inset:0;z-index:45}
.ui-outer-frame>.ui-frame-top,.ui-outer-frame>.ui-frame-bottom{left:32px;right:32px;height:20px;background-size:256px 20px;background-repeat:repeat-x}
.ui-outer-frame>.ui-frame-top{top:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_top_tile.png')}
.ui-outer-frame>.ui-frame-bottom{bottom:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_bottom_tile.png')}
.ui-outer-frame>.ui-frame-left,.ui-outer-frame>.ui-frame-right{top:32px;bottom:32px;width:20px;background-size:20px 256px;background-repeat:repeat-y}
.ui-outer-frame>.ui-frame-left{left:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_left_tile.png')}
.ui-outer-frame>.ui-frame-right{right:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_right_tile.png')}
.ui-outer-frame>:is(.ui-frame-tl,.ui-frame-tr,.ui-frame-bl,.ui-frame-br){width:32px;height:32px;background-size:contain}
.ui-outer-frame>.ui-frame-tl{top:0;left:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_corner_tl.png')}
.ui-outer-frame>.ui-frame-tr{top:0;right:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_corner_tr.png')}
.ui-outer-frame>.ui-frame-bl{bottom:0;left:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_corner_bl.png')}
.ui-outer-frame>.ui-frame-br{bottom:0;right:0;background-image:url('./assets/ui/exploration/Frame/ui_frame_corner_br.png')}
.ui-content-frame{left:20px;top:64px;width:1880px;height:748px;z-index:15}
.ui-content-frame>.ui-frame-top,.ui-content-frame>.ui-frame-bottom{left:24px;right:24px;height:12px;background-repeat:repeat-x;background-size:256px 12px}
.ui-content-frame>.ui-frame-top{top:0;background-image:url('./assets/ui/exploration/Frame/ui_content_border_top.png')}
.ui-content-frame>.ui-frame-bottom{bottom:0;background-image:url('./assets/ui/exploration/Frame/ui_content_border_bottom.png')}
.ui-content-frame>.ui-frame-left,.ui-content-frame>.ui-frame-right{top:24px;bottom:24px;width:12px;background-repeat:repeat-y;background-size:12px 256px}
.ui-content-frame>.ui-frame-left{left:0;background-image:url('./assets/ui/exploration/Frame/ui_content_border_left.png')}
.ui-content-frame>.ui-frame-right{right:0;background-image:url('./assets/ui/exploration/Frame/ui_content_border_right.png')}
.ui-content-frame>:is(.ui-frame-tl,.ui-frame-tr,.ui-frame-bl,.ui-frame-br){width:24px;height:24px;background-size:contain}
.ui-content-frame>.ui-frame-tl{top:0;left:0;background-image:url('./assets/ui/exploration/Frame/ui_content_corner_tl.png')}
.ui-content-frame>.ui-frame-tr{top:0;right:0;background-image:url('./assets/ui/exploration/Frame/ui_content_corner_tr.png')}
.ui-content-frame>.ui-frame-bl{bottom:0;left:0;background-image:url('./assets/ui/exploration/Frame/ui_content_corner_bl.png')}
.ui-content-frame>.ui-frame-br{bottom:0;right:0;background-image:url('./assets/ui/exploration/Frame/ui_content_corner_br.png')}

/* Shared lower deck. Its quiet middle intentionally contains no information panel. */
.game-shell .control-deck{position:absolute;left:20px;top:812px;width:1880px;height:248px;min-height:0;margin:0;padding:0;border:0;display:block;background:linear-gradient(180deg,#14161124,#12130e24),url('./assets/ui-packed/inventory/Common/HUD/ui_hud_background.webp') center/1880px 248px no-repeat;box-shadow:inset 0 10px 24px #05080666;z-index:10}
.game-shell .control-deck:before,.game-shell .control-deck:after{content:'';position:absolute;left:0;right:0;height:5px;opacity:.4;pointer-events:none;background-repeat:repeat-x;background-size:256px 5px}
.game-shell .control-deck:before{top:0;background-image:url('./assets/ui/exploration/HUD/ui_hud_top_separator.png')}
.game-shell .control-deck:after{bottom:0;background-image:url('./assets/ui/exploration/HUD/ui_hud_bottom_strip.png')}
/* Portraits sit directly on the shared leather, without a second framed panel. */
.game-shell .control-deck>.party-orbs{position:absolute;left:44px;top:13px;width:976px;max-width:none;height:220px;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:0;background:none}
.game-shell .control-deck .hero-orb{position:relative;flex:0 0 220px;width:220px;height:220px;max-width:none;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;filter:none}
.game-shell .control-deck .orb-frame.hud-portrait{position:absolute;left:0;top:0;width:220px!important;height:220px!important;max-width:none;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none!important;outline:0;filter:drop-shadow(0 3px 5px #0006)}
.game-shell .hud-portrait:after{content:'';position:absolute;inset:0;width:100%;height:100%;transform:none;background:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_normal.png') center/contain no-repeat;pointer-events:none}
.game-shell .hud-portrait>.orb-face{position:absolute;left:10px;top:10px;width:200px;height:200px;border:0;border-radius:0;box-shadow:none;mask:url('./assets/ui/inventory/Common/Portraits/ui_portrait_mask.png') center/contain no-repeat;clip-path:none}
.game-shell .hero-orb:is(:hover,:focus-visible) .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_hover.png')}
.game-shell .hero-orb .hud-portrait.selected-orb:after,.game-shell .hero-orb.is-turn .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_active.png')}
.game-shell .hero-orb:is(:focus-visible,.is-turn) .hud-portrait{filter:drop-shadow(0 0 4px #af874355)}
.game-shell .hero-orb.away .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_disabled.png')}
.game-shell .hero-orb.is-down .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_dead.png')}
.game-shell .hero-orb.is-down .orb-face{filter:grayscale(.75) brightness(.55)}
.game-shell .control-deck .hero-orb:focus-visible{outline:0}
.game-shell .control-deck :is(.hero-name,.hero-vitals,.orb-gauge,.wounded){display:none}
.portrait-status{position:absolute;left:32px;right:32px;bottom:-1px;display:flex;justify-content:center;gap:4px;z-index:3}
.portrait-status img{width:28px;height:28px;object-fit:contain;filter:saturate(.65) brightness(.9)}
/* One face crop, mask and frame for HUD, character sheets, camp, shop and tests. */
.orb-frame.shared-portrait{position:relative;display:block;aspect-ratio:1;padding:0;border:0;background:none;box-shadow:none;border-radius:50%;filter:drop-shadow(0 3px 5px #0006)}
.orb-frame.shared-portrait:after{content:'';display:block;position:absolute;inset:0;width:100%;height:100%;transform:none;background:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_normal.png') center/contain no-repeat;pointer-events:none}
.orb-frame.shared-portrait>.orb-face{position:absolute;inset:4.54545%;width:90.9091%;height:90.9091%;border:0;border-radius:0;box-shadow:none;mask:url('./assets/ui/inventory/Common/Portraits/ui_portrait_mask.png') center/contain no-repeat;clip-path:none;filter:none}
.hero-orb:is(:hover,:focus-visible) .shared-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_hover.png')}
.orb-frame.shared-portrait.selected-orb:after,.hero-orb.is-turn .shared-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_active.png')}
.hero-orb.away .shared-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_disabled.png')}
.hero-orb.is-down .shared-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_dead.png')}
.hero-orb.away .shared-portrait>.orb-face{filter:grayscale(.6) brightness(.65)}
.hero-orb.is-down .shared-portrait>.orb-face{filter:grayscale(.9) brightness(.5)}

.game-shell .hud-actions{position:absolute;left:1472px;top:38px;width:332px;height:196px;margin:0;padding:0;display:block}
.game-shell .hud-actions:before{display:none}
.game-shell :is(.command-grid,.combat-commands){position:relative;display:grid;width:332px;height:196px;grid-template-columns:repeat(3,92px);grid-template-rows:repeat(2,92px);gap:12px 28px;margin:0;padding:0;border:0;grid-column:auto;grid-row:auto;background:none}
.game-shell .ui-round-button{position:relative;display:flex;align-items:center;justify-content:center;width:92px;height:92px;min-height:0;margin:0;padding:0;gap:0;border:0;border-radius:50%;box-shadow:none;outline:0;background:url('./assets/ui/exploration/Buttons/ui_button_round_normal.png') center/contain no-repeat;filter:none!important;transition:transform .12s}
.game-shell .ui-round-button:is(:hover,:focus-visible){background-image:url('./assets/ui/exploration/Buttons/ui_button_round_hover.png')}
.game-shell .ui-round-button:is(.active,.attention){background-image:url('./assets/ui/exploration/Buttons/ui_button_round_attention.png')}
.game-shell .ui-round-button:active:not(:disabled){background-image:url('./assets/ui/exploration/Buttons/ui_button_round_pressed.png');transform:translateY(1px)}
.game-shell .ui-round-button:disabled{opacity:1;background-image:url('./assets/ui/exploration/Buttons/ui_button_round_disabled.png')}
.game-shell .ui-round-button:disabled>:is(img,span,svg){opacity:.4;filter:grayscale(.6)}
.game-shell .ui-action-icon{display:block;width:56px;height:56px;object-fit:contain;pointer-events:none}
/* Combat symbols no longer depend on fetching a separate multi-megabyte atlas. */
.game-shell .ui-round-button>.hud-glyph{width:44px;height:44px;color:#c7ae72;filter:drop-shadow(0 2px 2px #000c);stroke-width:1.3}
/* Keep every button visible while its decorative PNG is unavailable. */
.game-shell .ui-round-button{background-color:#24251e;outline:1px solid #665a3a;outline-offset:-3px}
.game-shell .ui-round-button.active{outline-color:#bda467;outline-width:2px}
.combat-loading{position:absolute;inset:0;z-index:16;display:flex;align-items:center;justify-content:center;background:#0b100e70;color:#cbbfa4;text-align:center}
.combat-loading>div{padding:18px 28px;background:#111714ed;border:1px solid #64573c;box-shadow:0 6px 30px #0008}
.combat-loading p{margin:0 0 12px}.combat-loading p:last-child{margin-bottom:0}
.game-shell .hud-utilities{position:absolute;left:-264px;bottom:2px;width:200px;height:36px;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0;padding:0;border:0;z-index:5}
.game-shell .combat-deck .hud-utilities{width:270px;left:-320px}
.hud-glyph{display:block;width:24px;height:24px;pointer-events:none}
.hud-system-icon{object-fit:contain}
.hud-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:32px;padding:6px;border:1px solid transparent;background:none;box-shadow:none;border-radius:2px;color:#b8aa8e;cursor:pointer}
.hud-icon-button:is(:hover,:focus-visible):not(:disabled){color:#e5d4b0;background:#d4c19812;border-color:#94806470;filter:none}
.hud-icon-button.active{color:#eed39a;border-color:#a48747;background:#b9964820;box-shadow:none}
.hud-navigation{position:relative;z-index:9}.hud-navigation>summary{list-style:none}.hud-navigation>summary::-webkit-details-marker{display:none}
.hud-navigation:not([open])>.navigation-pad{display:none}
.hud-navigation>.navigation-pad{position:absolute;bottom:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(3,44px);gap:5px;padding:12px;background:#17130ff5;border:1px solid #78664b;box-shadow:0 8px 20px #0008;margin:0}
.hud-navigation .navigation-pad button{width:44px;height:42px;min-width:0;min-height:0;padding:7px;background:none;box-shadow:none;border:1px solid #57554460}
.hud-navigation .navigation-pad .interact-button{grid-column:1/-1;width:auto}
.hud-announcements{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}

/* One compass at the seam, with functional rotation arrows and one text heading. */
.game-shell .compass-plate{position:absolute;left:796px;top:776px;right:auto;bottom:auto;width:328px;height:72px;margin:0;padding:0;border:0;border-radius:0;clip-path:none;transform:none;background:none;box-shadow:none;z-index:25;pointer-events:none;display:block}
.compass-bridge{position:absolute;inset:0;background:url('./assets/ui/exploration/Compass/ui_compass_bridge.png') center/contain no-repeat}
.compass-center{position:absolute;left:106px;top:12px;width:116px;height:48px;background:url('./assets/ui/exploration/Compass/ui_compass_center.png') center/contain no-repeat}
.game-shell .compass-plate>b{position:absolute;left:106px;top:12px;width:116px;height:48px;display:flex;align-items:center;justify-content:center;border:0;background:none;font:400 24px var(--heading);color:#c8bc9c}
.compass-arrow{position:absolute;top:14px;width:40px;height:44px;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;box-shadow:none;pointer-events:auto;filter:none!important;outline:0}
.compass-left{left:58px;background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_left_normal.png')}
.compass-right{left:230px;background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_right_normal.png')}
.compass-left:is(:hover,:focus-visible){background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_left_hover.png')}.compass-right:is(:hover,:focus-visible){background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_right_hover.png')}
.compass-left:active{background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_left_pressed.png')}.compass-right:active{background-image:url('./assets/ui/exploration/Compass/ui_compass_arrow_right_pressed.png')}
.hud-tooltip{position:fixed;max-width:280px;z-index:5000;padding:9px 13px;pointer-events:none;color:#d7c5a3;background:#191510 url('./assets/ui-packed/exploration/HUD/ui_center_panel_bg.webp') center/720px 184px;border:1px solid #756044;box-shadow:0 4px 16px #0008;font:16px/1.35 var(--sans)}
.hud-tooltip[hidden]{display:none}
.game-shell>.storage-warning{position:absolute;right:28px;bottom:23px;max-width:700px;margin:0;padding:6px 12px;font:16px var(--sans);color:#d8bc8a;z-index:50;background:#191510}
.game-shell .battle-result.won{border:0;background:#111a17dc;padding:5px;border-radius:2px;bottom:10px;box-shadow:none}
.game-shell .battle-result.won>div{margin:0;gap:8px}.game-shell .battle-result.won .hud-icon-button{width:42px;height:38px}

/* Existing viewport panels share the new leather skin. No world HUD bleeds through. */
.game-shell .view-frame>.game-panel{background:#16120f url('./assets/ui-packed/exploration/HUD/ui_center_panel_bg.webp') center/720px 184px repeat}
.game-shell .game-panel>.modal-head{padding:12px 34px;min-height:52px;background:#0e100de8}
.game-shell .game-panel>.modal-body{background:#171710ef;padding:24px 34px;font-size:20px}
.game-shell .game-panel>.modal-head h2{font-size:30px}
.game-shell .game-panel button:focus-visible{outline-color:#b49b6c}
.game-shell .view-frame .inventory-modal>.modal-body{padding:24px 34px;overflow:hidden;background:linear-gradient(90deg,#161613e8,#15140eed),url('./assets/ui-packed/exploration/HUD/ui_hud_background.webp') center/1880px 248px repeat}
.game-shell .view-frame .inventory-modal .pack-screen{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:44px minmax(0,1fr) 44px;gap:16px 28px;height:100%;min-height:0;overflow:hidden}
.game-shell .view-frame .pack-title{flex-wrap:nowrap;grid-row:1;gap:24px}
.game-shell .view-frame .pack-title h2{font-size:28px}.game-shell .view-frame .pack-title>span{font-size:26px;width:auto;order:0}.game-shell .view-frame .pack-title small{font-size:20px}
.game-shell .view-frame .bak-inventory{display:grid;grid-column:1;grid-row:2;grid-template-columns:260px 130px minmax(0,1fr);gap:24px;min-height:0}
.inventory-figure{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.inventory-figure canvas{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;pointer-events:none}
.game-shell .view-frame .bak-equipment{grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.game-shell .view-frame .bak-equipment:has(>.gear-slot:last-child:nth-child(2)){grid-template-rows:1fr 1.5fr}
.game-shell .view-frame .bak-equipment .gear-slot>span{font:20px var(--heading);color:#a89b80}
.game-shell .view-frame .bak-equipment .gear-slot button>b{font:18px var(--sans);background:none;right:8px;bottom:8px}
.game-shell .view-frame .bak-pack{height:100%;container-type:size}
.game-shell .view-frame .bak-pack .pack-board{width:min(125cqh,100cqw);height:min(100cqh,80cqw);aspect-ratio:5/4;background:transparent}
.game-shell .pack-board,.game-shell .pack-item{border:0!important;box-shadow:none!important;background-image:none!important}
.game-shell .pack-board{background-color:transparent}
.item-condition{position:absolute;right:8px;bottom:6px;color:#bdb197;font:18px var(--sans);text-shadow:0 1px 3px #000;pointer-events:none}
.game-shell .item-quantity{font-size:20px;right:8px;bottom:6px;color:#d5c3a0}
.game-shell .view-frame .bak-bottom{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:0;min-height:0}
.game-shell .view-frame .bak-detail{overflow:auto;max-height:none;padding:0 6px 0 0;min-height:0}
.inventory-item-preview{height:148px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}
.inventory-item-preview .catalog-art{height:100%;width:100%;object-fit:contain}
.game-shell .view-frame .bak-detail h3{font-size:28px}.game-shell .view-frame .bak-detail p{font:20px/1.4 var(--sans)}
.game-shell .view-frame .bak-detail .choices{flex-direction:column;align-items:stretch}
.game-shell .view-frame .bak-detail .choices button{font-size:19px;padding:8px 12px}.game-shell .view-frame .give-to{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:18px}.game-shell .give-to select{max-width:150px;font-size:18px}
.game-shell .view-frame .bak-exit{float:none;margin:0;align-self:flex-end;font-size:21px!important}
.game-shell .view-frame .pack-utilities{grid-row:3;grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:20px;margin:0;padding:0;order:0;border:0;font-size:20px}
.game-shell .view-frame .pack-utilities>button{font-size:19px;padding:7px 12px}.game-shell .view-frame .shared-coins{font-size:20px}.game-shell .view-frame .shared-coins strong{font-size:26px}
.game-shell .view-frame .pack-utilities .key-pocket{min-width:0;padding:4px 0}.game-shell .key-pocket summary{font-size:20px}
.game-shell .view-frame .pack-screen:has(.inventory-turn-notice){grid-template-rows:28px 44px minmax(0,1fr) 44px}
.game-shell .view-frame .pack-screen:has(.inventory-turn-notice) .pack-title{grid-row:2}
.game-shell .view-frame .pack-screen:has(.inventory-turn-notice) :is(.bak-inventory,.bak-bottom){grid-row:3}
.game-shell .view-frame .pack-screen:has(.inventory-turn-notice) .pack-utilities{grid-row:4}
.game-shell .view-frame .inventory-turn-notice{font-size:18px;margin:0}
.game-shell .view-frame .active-drinks{font-size:18px;color:#bcad88}
.game-shell .control-deck [data-recipient].drop-ready{filter:drop-shadow(0 0 7px #b9964866);outline:0!important}
.game-shell .control-deck [data-recipient].drop-ready .hud-portrait:after{background-image:url('./assets/ui/inventory/Common/Portraits/ui_portrait_frame_active.png')}
.game-shell .stats-bottom>.party-orbs{display:none}.game-shell .stats-bottom{justify-content:flex-end}

/* Existing intro also follows the logical canvas rather than shrinking twice. */
.game-shell .story-cinematic{position:absolute;padding:20px;gap:9px}
.game-shell .chronicle-sheet{width:1260px;aspect-ratio:1.3;display:grid;grid-template-rows:minmax(0,72fr) minmax(190px,28fr)}
.game-shell .chronicle-image{height:auto;aspect-ratio:auto}
.game-shell .chronicle-caption{padding:36px 0 32px}
.game-shell .chronicle-caption p:not(.sr-only){font-size:24px;line-height:1.55;width:78%}
.game-shell .chronicle-ornament{margin-top:24px}.game-shell .chronicle-hint{font-size:18px;display:block;max-width:none}
.game-shell .chapter-plate{width:1000px;aspect-ratio:1448/1086;display:block}.game-shell .chapter-plate .chronicle-image{height:100%}

.game-shell .top-actions .exploration-camera-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 9px;font:14px var(--sans,system-ui);color:#ead8af;white-space:nowrap;border-color:#8c754a;background:linear-gradient(#3c3425,#171b18)}
.game-shell .top-actions .exploration-camera-toggle[hidden]{display:none}
.exploration-camera-toggle [data-exploration-mode]{font-weight:700;min-width:3ch}
.exploration-camera-toggle kbd{font:11px var(--sans,system-ui);padding:1px 4px;border:1px solid #8c754a;border-radius:2px;color:#c6b28a}
.exploration-camera-toggle[aria-pressed="true"]{box-shadow:inset 0 0 0 1px #c6a361}