/* Beta 0.6.1: motion transforms the scenery only, never the controls. */
.scene:before{transform:translate(var(--walk-x061,0),var(--walk-y061,0)) rotate(var(--walk-r061,0deg)) scale(var(--walk-zoom061,1));transform-origin:center}
.scene.searchWalking061:before{will-change:transform}
.mainActions,.mainActions.fight{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none!important}
.mainActions>button,.mainActions.fight>button{display:flex!important;visibility:visible!important;min-width:0;width:100%;height:100%;flex:initial!important}
.mainActions button:disabled{display:flex!important;visibility:visible!important;opacity:.4}
.recipeFilter061{display:flex;align-items:center;gap:8px;margin:5px 0 8px;font-size:11px}.recipeFilter061 select{flex:1;min-width:0;background:#101415;color:#eee5dd;border:1px solid #70423d;border-radius:4px;padding:6px}
.mobileNav061{display:none}.mapSummary061{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0;color:#ddd}.mapSummary061 b{color:#f4d29c}.cameraSetting061{display:flex;gap:10px;align-items:center;padding:15px 0}.cameraSetting061 input{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.scene:before{transform:none!important}}
@media(max-width:700px){
 .gameScreen{padding:5px;height:calc(100svh - 36px)}
 .gameGrid{height:100%;overflow-y:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:61px minmax(230px,1fr) 57px 35px 35px 156px;grid-template-areas:'status' 'scene' 'actions' 'quick' 'tabs' 'panel';gap:5px;align-content:stretch}
 .gameGrid>.equipment,.gameGrid>.equipmentStats,.gameGrid>.bagPanel,.gameGrid>.craftPanel,.gameGrid>.goalBar,.gameGrid>.eventLine{display:none!important}
 .gameGrid[data-panel061='bag']>.bagPanel,.gameGrid[data-panel061='goals']>.goalBar,.gameGrid[data-panel061='equipment']>.equipment,.gameGrid[data-panel061='craft']>.craftPanel{display:block!important;grid-area:panel;position:static;min-height:0;max-height:none;height:156px;overflow:auto}
 .mobileNav061{display:grid;grid-area:tabs;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mobileNav061 button{font-size:10px;min-height:34px;padding:3px}.mobileNav061 button[aria-pressed='true']{background:#492824;border-color:#bb6959;color:#fff}
 .gameGrid>.quickPanel{position:static;grid-area:quick;padding:0;background:none;border:0;max-width:none;z-index:auto}.quickPanel .quickBar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:35px;gap:5px}.quickPanel .quickBar button,.quickPanel .quickBar button:disabled{display:block;width:100%;height:35px;min-height:35px}.quickPanel .quickBar img{height:27px;width:27px}
 .scene .sceneHead{padding:7px}.scene .sceneHead h2{font-size:19px}.scene .sceneHead .eyebrow{font-size:7px}.scene:before{background-size:auto,cover}.scene .locationLoot{left:8px;bottom:30px}.scene .locationLoot button{height:26px;width:26px}.scene .locationLoot>div{display:flex;flex-wrap:wrap}.scene .sceneTools button{padding:3px;font-size:10px}.sceneFoot{font-size:9px}
 .actionZone .mainActions,.actionZone .mainActions.fight{height:100%;gap:4px}.mainActions>button{padding:3px;gap:4px;flex-direction:column;font-size:15px}.mainActions>button>img{height:18px;width:18px}.mainActions span{font-size:10px}.mainActions small{font-size:8px}.mainActions.fight button{flex-direction:column;font-size:14px;gap:3px}
 .bagPanel .bagGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.bagPanel .bagSlot{height:44px;min-height:44px}.bagPanel .bagSlot img{height:30px}.bagPanel .bagSlot small{display:none}.bagPanel .itemInspector{min-height:0;height:auto;margin-top:3px;padding-top:3px}.bagPanel .itemInspector.idle{display:none}.bagPanel .itemSummary{display:none}.bagPanel .itemButtons button{height:27px;min-height:27px}
 .gameGrid .goalBar .goalChips{display:flex;flex-wrap:wrap;overflow:visible;max-height:none}.goalBar .goalChips button{min-height:48px}.goalBar .goalWhere{display:block}.gameGrid .goalBar>.panelLabel{display:flex}
 .gameGrid .equipment .gearGrid{display:grid;height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gameGrid .equipment .gearSlot{height:61px;min-height:61px}.equipment .gearSlot img{height:42px}.equipment .gearSlot small{font-size:9px}
 .craftPanel .recipeTabs{position:static;margin-bottom:5px;display:flex}.craftPanel .recipeTabs button:nth-child(2){display:block}.craftPanel .recipeFilter061{margin:3px 0}.craftPanel .recipeFilter061 select{padding:3px}.craftPanel .recipeList{overflow:visible}.craftPanel .recipeTile{min-height:41px}
 #drawer[data-mode='map']{width:calc(100vw - 10px);max-width:none;padding:12px;max-height:94svh}.mapSummary061{display:grid;gap:4px;font-size:12px;margin:10px 0;padding:9px;background:#1e2423;border:1px solid #70423d}.mapCanvas{aspect-ratio:16/11!important;overflow:visible!important}.mapCanvas>.mapPin{min-height:22px;max-width:88px;padding:2px 4px;display:flex;align-items:center;gap:3px;transform:translate(-50%,-50%)}.mapCanvas>.mapPin span{display:inline;font-size:8px;line-height:1.1;white-space:normal}.mapCanvas>.mapPin b{font-size:8px}.mapCanvas>.mapPin.here{outline:2px solid #e7bd73;background:#314437}.mapCanvas>.mapPin.selected{outline:2px solid white;z-index:7}.mapTravel05{display:none}.travelInfo .destination04 button{display:block;width:100%;margin:8px 0}.zonePicker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0}.zonePicker button{font-size:11px;min-height:36px;text-align:left}.zonePicker button.here:after{content:' · Estás aquí';color:#e7bd73}.zonePicker button.selected{border:2px solid #eee}.travelInfo .travelPhoto{height:115px}.travelInfo .zoneResources{max-height:140px;overflow:auto}
}
@media(max-width:700px){
 .gameGrid{grid-template-rows:61px minmax(230px,1fr) 57px 35px 35px 184px}
 .gameGrid[data-panel061='bag']>.bagPanel,.gameGrid[data-panel061='goals']>.goalBar,.gameGrid[data-panel061='equipment']>.equipment,.gameGrid[data-panel061='craft']>.craftPanel{height:184px}
 .bagPanel .itemSummary{display:flex;align-items:center;gap:5px}.bagPanel .itemSummary img{width:24px;height:24px}.bagPanel .itemSummary b{font-size:10px}.bagPanel .itemSummary p{font-size:9px;line-height:1.2;max-height:22px;overflow:auto;margin:0}.bagPanel .itemInspector{gap:3px}
 .travelLayout{display:flex!important;flex-direction:column;gap:10px}.travelLayout>section:first-child{display:contents}.mapCanvas{order:1}.travelLayout>.travelInfo{order:2}.travelLayout .zonePicker{order:3}
 .mapCanvas>.mapPin{min-width:23px;min-height:23px;border-radius:6px;max-width:100px}.mapCanvas>.mapPin:not(.here):not(.selected) span:not(.zoneLock03){display:none}.mapCanvas>.mapPin span{font-size:9px}.mapCanvas>.mapPin b{font-size:10px}.travelInfo .travelPhoto{display:none}.travelInfo .zoneResources{max-height:85px}.travelInfo .destination04{display:block}.travelInfo .destination04 button{min-height:42px;font-size:14px}.mapSummary061{position:sticky;top:0;z-index:20}
}

@media(max-width:700px){.mapSummary061{top:48px}.travelInfo{scroll-margin-top:100px}}
