/* Keep legacy DOM mounted for compatibility; expose only the active game loop. */
.equipment-adventure .experience-card,
.equipment-adventure #automation-panel,
.equipment-adventure #skills-btn,
.equipment-adventure #travel-btn,
.equipment-adventure #reset-hud,
.equipment-adventure #help-btn,
.equipment-adventure .legend-quest,
.equipment-adventure .legend-portal,
.equipment-adventure #simulator-entry {display:none !important}
.equipment-adventure .map-legend p:has(.legend-quest),
.equipment-adventure .map-legend p:has(.legend-portal) {display:none}
#combat-modes {position:absolute;left:16px;bottom:115px;z-index:35;display:flex;flex-wrap:wrap;gap:6px;max-width:360px;align-items:center;background:#172820e8;border:1px solid #94805d80;border-radius:12px;padding:8px;color:#e8dec7;font-size:12px}
#combat-modes button {border:1px solid #9f8d61;border-radius:7px;background:#253c31;color:#e8dec7;padding:8px 12px;font:inherit;cursor:pointer}
#combat-modes button[aria-pressed=true] {background:#8b4833;color:#fff3d5}
#combat-modes span {flex-basis:100%}
#combat-modes.criminal {border-color:#d5634b;color:#ffc5a6}
@media(max-width:750px){#combat-modes{left:8px;bottom:155px;max-width:240px;font-size:11px;padding:6px}#combat-modes button{padding:6px 10px}}
/* Every unlocked ability must remain reachable on touch screens. */
@media (max-width:750px), (pointer:coarse) and (max-width:1100px) {
  body.equipment-adventure #game #hotbar {left:8px;right:8px;bottom:calc(var(--safe-bottom,0px) + 8px);width:auto;height:auto;display:grid;grid-template-columns:repeat(5,48px);justify-content:center;gap:6px;transform:none;padding:5px;background:#14251ed9;border:1px solid #a08a5980;border-radius:12px;pointer-events:auto}
  body.equipment-adventure #game #hotbar .slot[data-slot] {position:relative;inset:auto;width:48px;height:48px;pointer-events:auto}
  body.equipment-adventure #game #hotbar .slot.empty {display:none}
  body.equipment-adventure #game #joystick,body.equipment-adventure #game #attack-btn {bottom:calc(var(--safe-bottom,0px) + 128px)}
  body.equipment-adventure #combat-modes {bottom:calc(var(--safe-bottom,0px) + 260px);max-width:240px}
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px) {
  body.equipment-adventure #game #hotbar {left:50%;right:auto;width:auto;grid-template-columns:repeat(9,40px);transform:translateX(-50%)}
  body.equipment-adventure #game #hotbar .slot[data-slot] {width:40px;height:40px}
  body.equipment-adventure #game #joystick,body.equipment-adventure #game #attack-btn {bottom:calc(var(--safe-bottom,0px) + 16px)}
  body.equipment-adventure #combat-modes {bottom:calc(var(--safe-bottom,0px) + 152px);max-width:210px}
}
body.equipment-adventure #game .adventure-equipment-slot {display:flex;align-items:center;gap:12px;width:100%;min-height:64px;height:auto;padding:10px 14px;margin:5px 0;background:#24392e;color:#f8eaca;border:1px solid #a28a5c;border-radius:8px;text-align:left;white-space:normal;font:inherit}
body.equipment-adventure #game .adventure-equipment-slot .window-icon {width:44px;height:44px;flex-shrink:0}

@media(min-width:1101px){body.equipment-adventure #game #hotbar:has(.cp-recovery){grid-template-columns:repeat(13,var(--hotbar-slot))}}


#game #war-btn{width:72px;padding:6px;border:1px solid #b99c58;border-radius:8px;background:#172a21;color:#f4e3b8;font:12px "Noto Sans Thai",Tahoma,sans-serif}
#war-dialog{max-width:min(520px,94vw);padding:16px;color:#f4e3b8;background:#172a21;border:1px solid #b99c58}#war-dialog button{padding:10px;margin:4px}
@media(max-width:750px){#game .hud-menu{right:8px;top:8px;max-width:210px}#game #war-btn{width:62px;height:38px;font-size:10px}}
/* Full equipment flow: slot browsing, set milestones, and option controls. */
.adventure-equipment-slot {width:100%;text-align:left;margin-block:3px;min-height:44px;white-space:normal;}
.set-active {color:#acdba9;font-size:13px;line-height:1.5;}
.bag-tools select,.item-detail select {max-width:100%;min-height:40px;background:#19252a;color:#eee2cc;border:1px solid #6b6550;border-radius:6px;padding:7px;}
.item-detail button {min-height:40px;white-space:normal;margin-block:4px;}
.item-detail .window-muted {white-space:normal;overflow-wrap:anywhere;}
.item-detail h4 {margin:16px 0 6px;color:#e7c78b;}
.item-detail small {display:block;line-height:1.5;}
.bag-slot[data-rarity="rare"] {border-color:#78aee0;}
.bag-slot[data-rarity="epic"] {border-color:#b28be0;}
.bag-slot[data-rarity="legendary"] {border-color:#e5bc69;}
.locked-label {position:absolute;left:2px;top:2px;font-size:10px;}
@media(max-width:650px){.bag-tools {flex-wrap:wrap;}.bag-tools>* {max-width:100%;}.character-stage .character-art {max-height:300px;}}
body.equipment-adventure #game .character-content {overflow:auto;min-height:0;}
@media(max-width:850px){body.equipment-adventure #game .character-layout[data-tab=equipment] .character-stage {display:flex;align-items:center;justify-content:center;height:140px;min-height:140px;}body.equipment-adventure #game .character-stage .character-art {display:block;width:120px;height:136px;}body.equipment-adventure #game .character-stage:after {display:none;}body.equipment-adventure #game .character-layout {grid-template-rows:140px minmax(0,1fr);}}
body.equipment-adventure #game .gear-slots-panel {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
body.equipment-adventure #game .gear-slots-panel>h3 {grid-column:1/-1;}
body.equipment-adventure #game .gear-slots-panel .adventure-equipment-slot {min-width:0;min-height:56px;font-size:12px;margin:0;padding:8px;gap:6px;}
body.equipment-adventure #game .gear-slots-panel .window-icon {width:30px;height:30px;}
@media(min-width:1100px){body.equipment-adventure #game .gear-slots-panel {grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Status and equipment are separate views; item details float over the inventory. */
#game .adventure-status {grid-template-columns:minmax(210px,30%) minmax(0,1fr);gap:22px;}
#game .adventure-status .character-stage {height:auto;min-height:0;border-radius:8px;}
#game .adventure-status .character-content {overflow:auto;gap:16px;}
#game .adventure-stat-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#game .adventure-stat-grid>section:last-child {grid-column:1/-1;}
#game .adventure-status .window-resource {grid-template-columns:32px minmax(0,1fr) 110px;gap:12px;margin:14px 0;}
#game .adventure-status .window-data-row {min-height:40px;}
#game .rpg-window .bag-layout.adventure-bag {display:grid;grid-template-columns:minmax(250px,30%) minmax(0,1fr);gap:20px;padding:18px;}
#game .rpg-window .bag-layout.hover-bag {grid-template-columns:1fr;}
#game .bag-equipment {display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px;}
#game .gear-character-preview {display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:112px;border:1px solid #b7945c66;border-radius:8px;background:radial-gradient(ellipse at 40% 80%,#526956,#27372e);color:#f8eaca;}
#game .gear-character-preview .character-art {width:110px;height:125px;max-height:125px;}
#game .gear-character-preview strong {font-size:20px;font-weight:500;}
body.equipment-adventure #game .bag-equipment .gear-slots-panel {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;}
#game .bag-equipment .gear-slots-panel h3 {font-size:17px;margin:0 0 4px;padding-bottom:10px;}
#game .rpg-window .gear-equipped-slot {display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:72px;padding:5px;gap:2px;background:radial-gradient(#435043,#25372e);border:1px solid #a28a5c;color:#f8eaca;border-radius:6px;}
#game .gear-equipped-slot .window-icon {width:45px;height:45px;}
#game .gear-slot-label {font-size:11px;line-height:1.5;}
#game .gear-empty-mark {font:30px Georgia;color:#a59e7a;line-height:42px;}
#game .gear-equipped-slot:hover,#game .gear-equipped-slot:focus-visible {border-color:#efcf83;background:#425343;}
#game .gear-equipped-slot[data-rarity=rare] {border-color:#78aee0;}
#game .gear-equipped-slot[data-rarity=epic] {border-color:#b28be0;}
#game .gear-equipped-slot[data-rarity=legendary] {border-color:#e5bc69;}
#game .gear-sets {padding:12px;}
#game .gear-sets h3 {font-size:17px;margin-bottom:8px;padding-bottom:8px;}
#game .gear-sets h4 {margin:8px 0;}
#game .gear-sets p {margin:4px 0;font-size:11px;}
#game .gear-sets .set-active {color:#365f34;}
#game .bag-section-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 12px;border-bottom:1px solid #b7945c66;margin-bottom:12px;}
#game .bag-section-heading h3 {margin:0;font-size:22px;color:#3b3324;}
#game .bag-section-heading>span {color:#6c6048;font-size:12px;}
#game .adventure-bag .bag-tools {gap:6px;margin-bottom:12px;}
#game .adventure-bag .bag-tools input {flex:1 1 140px;width:auto;}
#game .adventure-bag .bag-tools button {font-size:12px;padding:8px 10px;}
#game .adventure-bag .bag-filters {flex:1 0 100%;}
#game .adventure-bag .bag-filters button {flex:1;}
#game .adventure-bag .bag-grid {grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;}
#game .adventure-bag .bag-grid .bag-slot {max-height:none;}
#game .rpg-window .bag-slot[aria-expanded=true],#game .rpg-window .gear-equipped-slot[aria-expanded=true] {border-color:#f4d483;box-shadow:inset 0 0 0 1px #f4d483,0 0 10px #d6b45366;}
#game #bag-item-detail.item-hover {position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height: min(640px,calc(100dvh - 24px));min-height:0;overflow:auto;padding:20px;color:#eee2cc;border:1px solid #c6a565;border-radius:8px;background:linear-gradient(140deg,#28392f,#14231c);box-shadow:0 14px 45px #0008,inset 0 0 0 3px #bda2671a;overscroll-behavior:contain;scrollbar-width:thin;}
#game #bag-item-detail.item-hover::backdrop {background:transparent;pointer-events:none;}
#game #bag-item-detail .detail-icon {float:none;width:72px;height:72px;margin:0 0 10px;}
#game #bag-item-detail h3 {font-size:19px;color:#f4dca2;border:0;line-height:1.5;margin:0 24px 6px 0;}
#game #bag-item-detail .window-data-row {clear:none;min-height:30px;color:#c9cebb;gap:10px;font-size:12px;}
#game #bag-item-detail .window-data-row strong {font-size:14px;color:#f7eccf;}
#game #bag-item-detail .window-muted {color:#b8c1ad;font-size:11px;line-height:1.6;}
#game #bag-item-detail .item-category {margin:4px 0 12px;color:#8fc7c7;}
#game #bag-item-detail button {font-size:12px;min-height:36px;margin-top:8px;padding:8px 10px;}
#game #bag-item-detail .gold-button {font-size:14px;}
#game #bag-item-detail .item-hover-close {position:absolute;right:8px;top:8px;width:30px;min-height:30px;margin:0;padding:0;font-size:24px;background:transparent;color:#f4dca2;}
@media(max-width:850px) {
  #game .rpg-window .adventure-status {grid-template-columns:1fr;grid-template-rows:auto;}
  #game .adventure-status .character-stage {display:none;}
  #game .rpg-window .bag-layout.adventure-bag {grid-template-columns:minmax(200px,34%) minmax(0,1fr);gap:12px;padding:12px;}
  #game .adventure-bag .bag-grid {grid-template-columns:repeat(auto-fill,minmax(44px,1fr));}
}
@media(max-width:600px) {
  #game .rpg-window .bag-layout.adventure-bag {display:flex;flex-direction:column;gap:10px;overflow:auto;padding:10px;}
  #game .bag-equipment {overflow:visible;min-height:auto;display:grid;grid-template-columns:1fr;gap:8px;flex:none;padding:0;}
  #game .gear-character-preview {display:none;}
  body.equipment-adventure #game .bag-equipment .gear-slots-panel {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px;}
  #game .bag-equipment .gear-slots-panel h3 {font-size:15px;padding-bottom:6px;}
  #game .rpg-window .gear-equipped-slot {min-height:58px;padding:3px;}
  #game .gear-equipped-slot .window-icon {width:32px;height:32px;}
  #game .gear-empty-mark {font-size:24px;line-height:30px;}
  #game .gear-slot-label {font-size:10px;}
  #game .gear-sets {padding:8px;}
  #game .gear-sets h3 {font-size:14px;margin:0;padding:0;border:0;}
  #game .bag-equipment .gear-sets:has(>p:only-of-type):not(:has(h4)) {display:none;}
  #game .adventure-bag .bag-items {flex:none;overflow:visible;min-height:320px;}
  #game .adventure-bag .paged-region {flex:none;min-height:250px;height:250px;}
  #game .adventure-bag .bag-section-heading {padding-bottom:8px;margin-bottom:8px;}
  #game .bag-section-heading h3 {font-size:18px;}
  #game .adventure-bag .bag-tools {margin-bottom:8px;}
  #game .adventure-bag .bag-tools button {min-height:36px;font-size:11px;padding:6px;}
  #game .adventure-bag .bag-grid {grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;}
  #game .adventure-stat-grid {gap:8px;}
  #game .adventure-status .window-resource {grid-template-columns:28px minmax(0,1fr) 90px;gap:8px;}
  #game .adventure-status .window-data-row {font-size:12px;min-height:34px;}
  #game .adventure-status .window-data-row strong {font-size:14px;}
  #game .adventure-status .character-content {gap:10px;}
}
@media(max-height:500px) {
  #game .adventure-status .character-content>.window-panel:first-child {display:block;}
  #game .adventure-status .window-panel h3 {display:block;}
  #game .adventure-status .window-data-row {min-height:26px;}
  #game .adventure-status .window-resource {margin:4px 0;}
  #game .gear-character-preview {display:none;}
}
#game .adventure-stat-grid>section:last-child {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;}
#game .adventure-stat-grid>section:last-child h3 {grid-column:1/-1;}
#game .bag-equipment .gear-character-preview {min-height:98px;}
#game .bag-equipment .gear-character-preview .character-art {height:100px;max-height:100px;}
#game .rpg-window .gear-equipped-slot {min-height:64px;}
@media(max-width:600px){#game .rpg-window .gear-equipped-slot{min-height:58px;}}
#game .adventure-status .character-content>* {flex-shrink:0;}
@media(max-width:850px){body.equipment-adventure #game .character-layout.adventure-status{grid-template-rows:minmax(0,1fr);}}
/* Short item summaries, with the resulting equipment comparison shown first. */
#game .item-upgrade-badge {position:absolute;top:2px;right:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:4px;font:bold 16px/1 "Noto Sans Thai",Tahoma,sans-serif;background:#17251eee;border:1px solid currentColor;box-shadow:0 1px 3px #0007;}
#game .item-upgrade-badge.better {color:#aff4a0;}
#game .item-upgrade-badge.mixed {color:#ffe3a3;}
#game .item-upgrade-badge.worse {color:#ffa59a;}
#game .item-upgrade-badge.same {color:#c4c7b7;font-size:13px;}
#game .bag-comparison-legend {display:flex;flex-wrap:wrap;gap:14px;margin:-3px 0 9px;font-size:11px;line-height:1.5;}
#game .bag-comparison-legend .better {color:#315f2b;}
#game .bag-comparison-legend .mixed {color:#765019;}
#game .bag-comparison-legend .worse {color:#963e32;}
#game #bag-item-detail.item-hover {padding:16px;width:min(330px,calc(100vw - 24px));}
#game #bag-item-detail .item-brief-heading {display:flex;align-items:center;gap:10px;padding-right:22px;}
#game #bag-item-detail .item-brief-heading .detail-icon {width:48px;height:48px;margin:0;}
#game #bag-item-detail .item-brief-heading h3 {font-size:16px;margin:0;line-height:1.5;}
#game #bag-item-detail .item-category {margin:4px 0 0;font-size:11px;}
#game #bag-item-detail .item-comparison-banner {padding:8px 10px;margin:12px 0 8px;border-radius:5px;border:1px solid #b8bfaf55;background:#ffffff08;font-size:13px;font-weight:600;}
#game #bag-item-detail .item-comparison-banner.better {color:#b7efa5;border-color:#8abe6f66;background:#72ad531a;}
#game #bag-item-detail .item-comparison-banner.mixed {color:#ffe0a0;border-color:#d6b76866;background:#d6b76814;}
#game #bag-item-detail .item-comparison-banner.worse {color:#ffa99b;border-color:#d9807166;background:#d9807114;}
#game #bag-item-detail .item-comparison-banner.equipped {color:#a9d8d0;}
#game #bag-item-detail .comparison-note {display:block;font-size:10px;color:#a7b4a3;margin:8px 0 3px;}
#game #bag-item-detail .window-data-row {min-height:25px;font-size:11px;}
#game #bag-item-detail .window-data-row strong {font-size:13px;}
#game #bag-item-detail .stat-gain strong {color:#b7efa5;}
#game #bag-item-detail .stat-loss strong {color:#ffa99b;}
#game #bag-item-detail .item-base-stats {margin-bottom:6px;}
#game #bag-item-detail .item-base-stats .window-data-row {border:0;}
#game #bag-item-detail .item-fold {border-top:1px solid #ad965333;margin-top:8px;}
#game #bag-item-detail .item-fold summary {padding:10px 2px;cursor:pointer;color:#dcc68e;font-size:12px;min-height:20px;}
#game #bag-item-detail .item-fold summary:hover {color:#ffe1a1;}
#game #bag-item-detail .item-fold summary:focus-visible {outline:2px solid #ffe6a1;outline-offset:1px;}
#game #bag-item-detail .item-fold-body {padding:0 0 6px;}
#game #bag-item-detail .item-fold-body button,#game #bag-item-detail .item-fold-body select {width:100%;box-sizing:border-box;}
#game #bag-item-detail .item-fold-body p {margin:5px 0;}
#game #bag-item-detail .item-fold-body h4 {margin:10px 0 4px;}
/* Hover previews never intercept the pointer as it moves across the item grid. */
#game #bag-item-detail.item-hover:not(.is-pinned),
#game #bag-item-detail.item-hover:not(.is-pinned) * {pointer-events:none!important;}
#game #bag-item-detail.item-hover:not(.is-pinned) {overflow:hidden;}
#game #bag-item-detail:not(.is-pinned) :is(.item-hover-close,.gold-button,.item-fold) {display:none;}
#game #bag-item-detail:not(.is-pinned) .item-comparison-changes .window-data-row:nth-of-type(n+5) {display:none;}
#game #bag-item-detail .item-hover-hint {margin:10px 0 0;padding-top:8px;border-top:1px solid #ad965333;color:#a7b4a3;font-size:11px;order:1;}
#game #bag-item-detail:not(.is-pinned) {display:flex;flex-direction:column;}
#game #bag-item-detail.is-pinned .item-hover-hint {display:none;}

/* Profession journal uses the existing viewport-aware card pager. */
.profession-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}
.profession-filters select{max-width:60%;padding:7px;background:#172827;color:#f4e7ca;border:1px solid #8c7952;border-radius:5px}
.profession-filters input{width:65px;padding:7px}
.profession-status{font-size:12px;color:#d9c999;margin:4px 0 8px}
.profession-card small{display:block;color:#c8c3ab;margin:5px 0;line-height:1.45}
.profession-card button{margin:4px 5px 0 0;min-height:34px}
.profession-card h3{display:flex;align-items:center;gap:8px}
.profession-card p{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){.profession-filters{gap:6px;margin:3px 0}.profession-status{font-size:11px}.profession-card{padding:10px!important}.profession-card p{font-size:12px;margin:5px 0}.profession-card button{font-size:12px;min-height:32px}}
#profession-progress{position:absolute;z-index:30;left:50%;bottom:130px;transform:translateX(-50%);max-width:calc(100% - 30px);padding:10px 16px;border:1px solid #b4c894;border-radius:8px;background:#16332eeb;color:#fff2cb;text-align:center;font:13px/1.5 "Noto Sans Thai",Tahoma,system-ui;pointer-events:none;box-shadow:0 4px 18px #0005}
#profession-progress[hidden]{display:none}
@media(max-width:600px){#profession-progress{bottom:180px;width:max-content;font-size:11px;padding:7px 10px}}
/* Keep resource/NPC interaction clear of the mobile skill wheel. */
@media(max-width:750px){#game #loot-btn{left:calc(var(--safe-left) + 16px);right:auto;bottom:calc(var(--safe-bottom) + 200px);transform:none;max-width:calc(100vw - 190px);min-height:44px;z-index:calc(var(--z-control) + 1)}}
@media(max-height:510px) and (max-width:750px){#game #loot-btn{left:calc(50% - 70px);bottom:100px;max-width:140px}}
.profession-filters label{display:flex;align-items:center;gap:5px;font-size:12px}.profession-filters input[type=checkbox]{width:16px;height:16px;accent-color:#dcb56b}
#game .profession-missing{color:#f4aaa0}#game .profession-sufficient{color:#a8d9be}

.profession-resource-meter{display:block;width:100%;height:14px;margin:8px 0;accent-color:#8bd8bc;border:1px solid #8c7952;border-radius:7px;overflow:hidden;background:#172c2e}
.profession-resource-meter::-webkit-progress-bar{background:#172c2e}
.profession-resource-meter::-webkit-progress-value{background:#8bd8bc}
.profession-resource-meter::-moz-progress-bar{background:#8bd8bc}
.profession-goal-meter{display:block;width:100%;height:8px;accent-color:#dcb56b;margin:4px 0 8px}

/* Equipment follows the body, with a shared portrait on desktop and mobile. */
#game .rpg-window .bag-layout.adventure-bag {grid-template-columns:minmax(300px,35%) minmax(0,1fr);}
body.equipment-adventure #game .bag-equipment .gear-slots-panel {display:block;padding:12px;}
#game .gear-body-layout {display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:72px 96px 96px 72px;gap:10px 8px;position:relative;isolation:isolate;}
#game .bag-equipment .gear-body-layout .gear-character-preview {grid-column:2;grid-row:2/4;display:flex;flex-direction:column;gap:0;min-height:0;min-width:0;border:0;background:radial-gradient(ellipse at 50% 85%,#65816a66,transparent 65%);border-radius:50%;align-self:stretch;}
#game .bag-equipment .gear-body-layout .character-art {display:block;width:100%;height:calc(100% - 24px);max-height:none;min-height:0;object-fit:contain;}
#game .gear-body-layout .gear-character-preview strong {font-size:14px;line-height:24px;}
#game .rpg-window .gear-body-layout .gear-equipped-slot {min-height:0;min-width:0;margin:0;padding:4px;}
#game .gear-body-layout [data-slot=head] {grid-column:2;grid-row:1;justify-self:center;width:64px;}
#game .gear-body-layout [data-slot=wings] {grid-column:1;grid-row:1;}
#game .gear-body-layout [data-slot=earring] {grid-column:3;grid-row:1;}
#game .gear-body-layout [data-slot=necklace] {grid-column:1;grid-row:2;}
#game .gear-body-layout [data-slot=armor] {grid-column:3;grid-row:2;}
#game .gear-body-layout [data-slot=weapon] {grid-column:1;grid-row:3;}
#game .gear-body-layout [data-slot=offhand] {grid-column:3;grid-row:3;}
#game .gear-body-layout [data-slot=boots] {grid-column:2;grid-row:4;justify-self:center;width:64px;}
#game .gear-body-layout [data-slot=mount] {grid-column:3;grid-row:4;}
@media(min-width:601px) and (max-width:850px) {
  #game .rpg-window .bag-layout.adventure-bag {grid-template-columns:minmax(250px,40%) minmax(0,1fr);}
  #game .gear-body-layout {grid-template-columns:56px minmax(0,1fr) 56px;gap:8px 4px;}
  #game .gear-body-layout [data-slot=head],#game .gear-body-layout [data-slot=boots] {width:56px;}
}
@media(max-width:600px) {
  body.equipment-adventure #game .bag-equipment .gear-slots-panel {padding:8px;}
  #game .gear-body-layout {grid-template-columns:58px minmax(0,1fr) 58px;grid-template-rows:repeat(4,62px);gap:6px 8px;max-width:380px;margin:auto;}
  #game .gear-body-layout [data-slot=head],#game .gear-body-layout [data-slot=boots] {width:58px;}
  #game .gear-body-layout .gear-character-preview strong {font-size:12px;}
}