/* FormyDog v191 — layout limpio. Una sola columna, controles compactos y scroll real. */
:root{--fd-compact-gap:5px;--fd-compact-control:34px}
html,body{width:100%!important;height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}
html{overscroll-behavior-y:auto!important}
body{display:block!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important}
body main.app{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:var(--fd-compact-gap)!important;width:min(100%,480px)!important;max-width:480px!important;min-width:0!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:0 auto!important;padding:6px 6px max(12px,env(safe-area-inset-bottom))!important;overflow:visible!important;box-sizing:border-box!important}
body main.app *{box-sizing:border-box}
body main.app button{font-family:inherit!important;cursor:pointer!important;touch-action:manipulation!important}
body main.app button:focus-visible{outline:2px solid #1677c9!important;outline-offset:2px!important}

/* 01 — Header and resources */
html body main.app>.topbar{order:1!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand level" "tools tools" "resources resources"!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:6px!important;border-radius:13px!important;overflow:visible!important}
html body main.app>.topbar .brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;width:auto!important;padding:0!important;overflow:visible!important}
html body main.app>.topbar .brand-avatar{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;overflow:hidden!important}
html body main.app>.topbar .brand-avatar img{display:block!important;width:29px!important;height:29px!important;max-width:100%!important;object-fit:contain!important}
html body main.app>.topbar .brand h1{margin:0!important;font-size:clamp(12px,3.5vw,17px)!important;line-height:1.05!important;letter-spacing:.025em!important;white-space:nowrap!important}
html body main.app>.topbar .brand h1::before{content:"01 · ";font-size:.68em!important;letter-spacing:0!important;color:#6c8799!important}
html body main.app>.topbar .brand p{margin:2px 0 0!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.08em!important}
html body main.app>.topbar #fdLevelChip{grid-area:level!important;display:flex!important;align-items:center!important;justify-self:end!important;gap:4px!important;min-width:0!important;width:auto!important;height:30px!important;min-height:30px!important;margin:0!important;padding:3px 6px!important;border-radius:9px!important}
html body main.app>.topbar #fdLevelChip b{font-size:14px!important;line-height:1!important}
html body main.app>.topbar #fdLevelChip span,html body main.app>.topbar #fdLevelChip small{font-size:6px!important;line-height:1!important}
html body main.app>.topbar .fd-header-tools{grid-area:tools!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
html body main.app>.topbar .fd-header-tools button{display:inline-flex!important;flex:0 0 var(--fd-compact-control)!important;align-items:center!important;justify-content:center!important;width:var(--fd-compact-control)!important;min-width:var(--fd-compact-control)!important;max-width:var(--fd-compact-control)!important;height:var(--fd-compact-control)!important;min-height:var(--fd-compact-control)!important;max-height:var(--fd-compact-control)!important;margin:0!important;padding:0!important;gap:0!important;border-radius:9px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>.topbar .fd-header-tools button::before{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:18px!important;line-height:1!important;color:currentColor!important}
html body main.app>.topbar #fdHeaderProfile::before{content:"♙"!important}
html body main.app>.topbar #fdHeaderCare::before{content:"♥"!important}
html body main.app>.topbar #fdHeaderEmergency::before{content:"＋"!important}
html body main.app>.topbar .resources{grid-area:resources!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
html body main.app>.topbar .resource{display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"icon value" "label label"!important;align-items:center!important;justify-items:center!important;gap:2px 3px!important;width:100%!important;min-width:0!important;min-height:41px!important;height:auto!important;margin:0!important;padding:4px 2px!important;border-radius:9px!important;white-space:normal!important;overflow:hidden!important}
html body main.app>.topbar .resource img{grid-area:icon!important;width:17px!important;height:17px!important;max-width:17px!important;object-fit:contain!important}
html body main.app>.topbar .resource b{grid-area:value!important;justify-self:start!important;min-width:0!important;font-size:13px!important;line-height:1!important}
html body main.app>.topbar .resource span{grid-area:label!important;display:block!important;width:100%!important;font-size:7px!important;line-height:1.1!important;text-align:center!important;overflow-wrap:anywhere!important}

/* 02 — Objective strip */
html body main.app>.game-layout{order:2!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}
html body main.app>.game-layout>.goals,html body main.app>.game-layout>.center,html body main.app>.game-layout>.boosters{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;transform:none!important;grid-area:auto!important;align-self:stretch!important;justify-self:stretch!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;box-sizing:border-box!important}
html body main.app>.game-layout>.goals{order:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title moves" "goal progress" "hint hint"!important;align-items:center!important;gap:4px 7px!important;padding:6px 8px!important;border-radius:12px!important;overflow:visible!important}
html body main.app>.game-layout>.goals .side-title{grid-area:title!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;font-size:10px!important;line-height:1.15!important;min-width:0!important}
html body main.app>.game-layout>.goals .side-title span::before{content:"02 · "!important}
html body main.app>.game-layout>.goals .side-title small{display:none!important}
html body main.app>.game-layout>.goals .goal-box{grid-area:goal!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;margin:0!important;padding:0!important;border-radius:8px!important}
html body main.app>.game-layout>.goals .goal-box img{flex:0 0 21px!important;width:21px!important;height:21px!important;object-fit:contain!important}
html body main.app>.game-layout>.goals .goal-box strong{font-size:16px!important;line-height:1!important}
html body main.app>.game-layout>.goals .goal-box span{font-size:8px!important;line-height:1.1!important}
html body main.app>.game-layout>.goals .moves-box{grid-area:moves!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:28px!important;height:auto!important;margin:0!important;padding:3px 7px!important;border-radius:8px!important;box-shadow:none!important;font-size:8px!important}
html body main.app>.game-layout>.goals .moves-box span{font-size:7px!important}
html body main.app>.game-layout>.goals .moves-box strong{font-size:15px!important;line-height:1!important}
html body main.app>.game-layout>.goals .progress-row{grid-area:progress!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
html body main.app>.game-layout>.goals .progress-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;font-size:8px!important;line-height:1.1!important}
html body main.app>.game-layout>.goals .progress-track{height:5px!important;margin-top:3px!important}
html body main.app>.game-layout>.goals .how{grid-area:hint!important;margin:0!important;padding:3px 4px!important;font-size:7px!important;line-height:1.2!important;border-radius:6px!important;opacity:.85!important}
html body main.app>.game-layout>.goals>.fd-level-stage-v92{display:none!important}

/* 03 — Board stays square and in normal document flow */
html body main.app>.game-layout>.center{order:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px!important;padding:0!important;overflow:visible!important}
html body main.app>.game-layout>.center::before{content:"03 · TABLERO"!important;display:block!important;align-self:flex-start!important;width:100%!important;margin:0 0 1px!important;padding:0 2px!important;color:#e6f5ff!important;font-size:9px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.08em!important;order:0!important}
html body main.app>.game-layout>.center .board-shell{position:relative!important;inset:auto!important;transform:none!important;display:block!important;flex:0 0 auto!important;width:min(100%,460px,calc(100vw - 12px))!important;max-width:460px!important;min-width:0!important;height:auto!important;aspect-ratio:1/1!important;margin:0 auto!important;padding:4px!important;border-radius:13px!important;box-sizing:border-box!important;overflow:hidden!important}
html body main.app>.game-layout>.center .board-shell::after{pointer-events:none!important}
html body main.app>.game-layout>.center .board-mount{position:absolute!important;inset:4px!important;z-index:1!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:9px!important;box-sizing:border-box!important;overflow:hidden!important}
html body main.app>.game-layout>.center .board-mount canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;touch-action:none!important}
html body main.app>.game-layout>.center .status{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;max-width:460px!important;min-width:0!important;min-height:22px!important;margin:2px auto 0!important;padding:3px 5px!important;border-radius:8px!important;font-size:8px!important;line-height:1.2!important;text-align:center!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}

/* 04 — Booster dock: the 3 powers and 4 utilities are always one row */
html body main.app>.game-layout>.boosters{order:3!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;justify-content:stretch!important;gap:3px!important;width:100%!important;min-width:0!important;margin:0!important;padding:4px!important;border-radius:11px!important;overflow:visible!important}
html body main.app>.game-layout>.boosters::before,html body main.app>.game-layout>.boosters::after{display:none!important;content:none!important}
html body main.app>.game-layout>.boosters>.side-title{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0 2px 2px!important;border:0!important;font-size:9px!important;line-height:1.1!important}
html body main.app>.game-layout>.boosters>.side-title span::before{content:"04 · "!important}
html body main.app>.game-layout>.boosters>.side-title small{font-size:7px!important;white-space:nowrap!important}
html body main.app>.game-layout>.boosters .booster{position:relative!important;display:flex!important;flex:initial!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;grid-column:auto!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:42px!important;height:42px!important;max-height:42px!important;margin:0!important;padding:2px!important;border-radius:8px!important;box-shadow:none!important;overflow:visible!important}
html body main.app>.game-layout>.boosters .booster img{display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important;max-width:100%!important;max-height:24px!important;object-fit:contain!important;margin:0 auto!important}
html body main.app>.game-layout>.boosters .booster>span{display:none!important}
html body main.app>.game-layout>.boosters .booster em{position:absolute!important;top:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:13px!important;height:13px!important;margin:0!important;padding:0 3px!important;border:1px solid #fff!important;border-radius:99px!important;font-size:8px!important;line-height:1!important;font-style:normal!important}
html body main.app>.game-layout>.boosters .booster em i{font-size:8px!important;line-height:1!important;font-style:normal!important}
html body main.app>.game-layout>.boosters .mini-btn{position:relative!important;display:flex!important;flex:initial!important;align-items:center!important;justify-content:center!important;grid-column:auto!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:38px!important;height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border-radius:8px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>.game-layout>.boosters .mini-btn::before{display:block!important;position:static!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:17px!important;line-height:1!important;color:currentColor!important}
html body main.app>.game-layout>.boosters #soundBtn::before{content:"♫"!important}
html body main.app>.game-layout>.boosters #storeBtn::before{content:"▣"!important}
html body main.app>.game-layout>.boosters #fdMenuBtn::before{content:"≡"!important}
html body main.app>.game-layout>.boosters #fdNotifyBtn::before{content:"♢"!important}
html body main.app>.game-layout>.boosters .fd-mini-icon,html body main.app>.game-layout>.boosters .fd-mini-label{display:none!important}

/* 05 — Secondary actions below the game */
html body main.app>footer#fdFooter{order:3!important;position:relative!important;inset:auto!important;float:none!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:3px 2px max(10px,env(safe-area-inset-bottom))!important;border-radius:11px!important;overflow:visible!important;box-sizing:border-box!important}
html body main.app>footer#fdFooter::before{content:"05 · MÁS ACCIONES"!important;display:block!important;width:100%!important;padding:1px 3px!important;color:#e6f5ff!important;font-size:9px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.08em!important}
html body main.app>footer#fdFooter #fdFooterPrimary{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:100%!important;min-width:0!important}
html body main.app>footer#fdFooter .fd-game-share,html body main.app>footer#fdFooter .fd-pet-tools{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
html body main.app>footer#fdFooter #fdShareQr,html body main.app>footer#fdFooter #fdCopyLink,html body main.app>footer#fdFooter #fdShareGame,html body main.app>footer#fdFooter #fdOpenProfile,html body main.app>footer#fdFooter #fdOpenCare{display:inline-flex!important;flex:0 0 32px!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;border-radius:8px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>footer#fdFooter #fdShareQr::before,html body main.app>footer#fdFooter #fdCopyLink::before,html body main.app>footer#fdFooter #fdShareGame::before,html body main.app>footer#fdFooter #fdOpenProfile::before,html body main.app>footer#fdFooter #fdOpenCare::before{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:17px!important;line-height:1!important;color:currentColor!important}
html body main.app>footer#fdFooter #fdShareQr::before{content:"▦"!important}
html body main.app>footer#fdFooter #fdCopyLink::before{content:"⧉"!important}
html body main.app>footer#fdFooter #fdShareGame::before{content:"↗"!important}
html body main.app>footer#fdFooter #fdOpenProfile::before{content:"♙"!important}
html body main.app>footer#fdFooter #fdOpenCare::before{content:"♥"!important}
html body main.app>footer#fdFooter .fd-game-share-status:not(:empty){display:block!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;font-size:9px!important;text-align:center!important;white-space:normal!important}
html body main.app>footer#fdFooter #fdFooterRewards,html body main.app>footer#fdFooter #fdFooterCloud{width:100%!important;min-width:0!important;max-width:100%!important}
html body main.app>footer#fdFooter #fdFooterRewards:empty,html body main.app>footer#fdFooter #fdFooterCloud:empty{display:none!important}

/* Keep dynamic dialogs independent from the document's scrollable layout. */
html body #fdIntroGate,html body .fd-notice-modal,html body .fd72-image-viewer,html body .fd-emergency-modal{z-index:20000}
@media(max-width:360px){html body main.app{padding:5px 5px max(10px,env(safe-area-inset-bottom))!important;gap:4px!important}html body main.app>.topbar{padding:5px!important;gap:4px!important}html body main.app>.game-layout>.boosters{gap:2px!important;padding:3px!important}html body main.app>.game-layout>.boosters .booster{height:39px!important;min-height:39px!important;max-height:39px!important}html body main.app>.game-layout>.boosters .booster img{width:22px!important;height:22px!important;flex-basis:22px!important}html body main.app>.game-layout>.boosters .mini-btn{height:36px!important;min-height:36px!important;max-height:36px!important}}
@media(prefers-reduced-motion:reduce){html body main.app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v192 compact HUD override — appended to the already-linked layout file. */
html,body{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}
body{display:block!important;touch-action:pan-y!important}
html body main.app{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;width:min(100%,480px)!important;max-width:480px!important;min-width:0!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0 auto!important;padding:4px 6px max(4px,env(safe-area-inset-bottom))!important;overflow:hidden!important;box-sizing:border-box!important}
html body main.app *{box-sizing:border-box}
html body main.app button:focus-visible{outline:2px solid #1677c9!important;outline-offset:1px!important}

/* 01 — Brand, level, utilities in one compact line; resources in a small strip. */
html body main.app>.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:29px 23px!important;grid-template-areas:"brand level tools" "resources resources resources"!important;align-items:center!important;gap:3px 5px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:4px!important;border-radius:11px!important;overflow:visible!important}
html body main.app>.topbar .brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:auto!important;padding:0!important;overflow:visible!important}
html body main.app>.topbar .brand-avatar{flex:0 0 25px!important;width:25px!important;height:25px!important;min-width:25px!important;border-radius:7px!important;overflow:hidden!important}
html body main.app>.topbar .brand-avatar img{width:23px!important;height:23px!important;object-fit:contain!important}
html body main.app>.topbar .brand h1{margin:0!important;font-size:clamp(11px,3vw,15px)!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body main.app>.topbar .brand h1::before{content:"01 · "!important;font-size:.66em!important;color:#6c8799!important}
html body main.app>.topbar .brand p{display:none!important}
html body main.app>.topbar #fdLevelChip{grid-area:level!important;display:flex!important;align-items:center!important;justify-self:end!important;gap:3px!important;min-width:0!important;width:auto!important;height:25px!important;min-height:25px!important;margin:0!important;padding:2px 5px!important;border-radius:7px!important;box-shadow:none!important}
html body main.app>.topbar #fdLevelChip b{font-size:12px!important;line-height:1!important}
html body main.app>.topbar #fdLevelChip span,html body main.app>.topbar #fdLevelChip small{font-size:5px!important;line-height:1!important}
html body main.app>.topbar .fd-header-tools{grid-area:tools!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
html body main.app>.topbar .fd-header-tools button{display:inline-flex!important;flex:0 0 25px!important;align-items:center!important;justify-content:center!important;width:25px!important;min-width:25px!important;max-width:25px!important;height:25px!important;min-height:25px!important;max-height:25px!important;margin:0!important;padding:0!important;gap:0!important;border-radius:7px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>.topbar .fd-header-tools button::before{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1!important;color:currentColor!important}
html body main.app>.topbar #fdHeaderProfile::before{content:"♙"!important}
html body main.app>.topbar #fdHeaderCare::before{content:"♥"!important}
html body main.app>.topbar #fdHeaderEmergency::before{content:"＋"!important}
html body main.app>.topbar .resources{grid-area:resources!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;width:100%!important;min-width:0!important;height:23px!important;margin:0!important;padding:0!important}
html body main.app>.topbar .resource{display:grid!important;grid-template-columns:15px minmax(0,1fr)!important;grid-template-rows:1fr!important;grid-template-areas:"icon value"!important;align-items:center!important;justify-items:center!important;gap:2px!important;width:100%!important;min-width:0!important;min-height:0!important;height:23px!important;margin:0!important;padding:1px 3px!important;border-radius:7px!important;white-space:nowrap!important;overflow:hidden!important}
html body main.app>.topbar .resource img{grid-area:icon!important;width:14px!important;height:14px!important;max-width:14px!important;object-fit:contain!important}
html body main.app>.topbar .resource b{grid-area:value!important;justify-self:start!important;min-width:0!important;font-size:11px!important;line-height:1!important}
html body main.app>.topbar .resource span{display:none!important}

/* 02 — Tight objective strip. */
html body main.app>.game-layout{gap:3px!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}
html body main.app>.game-layout>.goals,html body main.app>.game-layout>.center,html body main.app>.game-layout>.boosters{position:relative!important;inset:auto!important;float:none!important;transform:none!important;align-self:stretch!important;justify-self:stretch!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;box-sizing:border-box!important}
html body main.app>.game-layout>.goals{order:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title moves" "goal progress"!important;align-items:center!important;gap:2px 5px!important;padding:4px 6px!important;border-radius:8px!important;overflow:hidden!important}
html body main.app>.game-layout>.goals .side-title{grid-area:title!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;font-size:8px!important;line-height:1!important;min-width:0!important}
html body main.app>.game-layout>.goals .side-title span::before{content:"02 · "!important}
html body main.app>.game-layout>.goals .side-title small{display:none!important}
html body main.app>.game-layout>.goals .goal-box{grid-area:goal!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body main.app>.game-layout>.goals .goal-box img{flex:0 0 15px!important;width:15px!important;height:15px!important;object-fit:contain!important}
html body main.app>.game-layout>.goals .goal-box strong{font-size:12px!important;line-height:1!important}
html body main.app>.game-layout>.goals .goal-box span{display:none!important}
html body main.app>.game-layout>.goals .moves-box{grid-area:moves!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:20px!important;height:20px!important;margin:0!important;padding:2px 5px!important;border-radius:6px!important;box-shadow:none!important;font-size:7px!important}
html body main.app>.game-layout>.goals .moves-box span{font-size:6px!important}
html body main.app>.game-layout>.goals .moves-box strong{font-size:12px!important;line-height:1!important}
html body main.app>.game-layout>.goals .progress-row{grid-area:progress!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
html body main.app>.game-layout>.goals .progress-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;font-size:7px!important;line-height:1!important}
html body main.app>.game-layout>.goals .progress-copy span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body main.app>.game-layout>.goals .progress-track{height:3px!important;margin-top:2px!important}
html body main.app>.game-layout>.goals .how,html body main.app>.game-layout>.goals>.fd-level-stage-v92{display:none!important}

/* 03 — Viewport-aware square board keeps the lower toolbar in view. */
html body main.app>.game-layout>.center{order:2!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-height:0!important;padding:0!important;overflow:visible!important}
html body main.app>.game-layout>.center::before{content:"03 · TABLERO"!important;display:block!important;align-self:flex-start!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:0 2px!important;color:#e6f5ff!important;font-size:8px!important;font-weight:900!important;line-height:9px!important;letter-spacing:.06em!important;order:0!important}
html body main.app>.game-layout>.center .board-shell{position:relative!important;inset:auto!important;transform:none!important;display:block!important;flex:0 1 auto!important;width:min(100%,460px,calc(100vw - 12px),max(144px,calc(100dvh - 300px)))!important;max-width:460px!important;min-width:0!important;height:auto!important;max-height:calc(100dvh - 300px)!important;aspect-ratio:1/1!important;margin:0 auto!important;padding:3px!important;border-radius:11px!important;box-sizing:border-box!important;overflow:hidden!important}
html body main.app>.game-layout>.center .board-mount{position:absolute!important;inset:3px!important;z-index:1!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:8px!important;box-sizing:border-box!important;overflow:hidden!important}
html body main.app>.game-layout>.center .board-mount canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;touch-action:none!important}
html body main.app>.game-layout>.center .status{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex:0 0 auto!important;width:100%!important;max-width:460px!important;min-width:0!important;min-height:18px!important;height:auto!important;margin:1px auto 0!important;padding:2px 4px!important;border-radius:6px!important;font-size:7px!important;line-height:1.15!important;text-align:center!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}

/* 04 — Seven controls, exactly one row. */
html body main.app>.game-layout>.boosters{order:3!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;justify-content:stretch!important;gap:2px!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:3px!important;border-radius:8px!important;overflow:visible!important}
html body main.app>.game-layout>.boosters::before,html body main.app>.game-layout>.boosters::after{display:none!important;content:none!important}
html body main.app>.game-layout>.boosters>.side-title{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0 2px 1px!important;border:0!important;font-size:8px!important;line-height:9px!important}
html body main.app>.game-layout>.boosters>.side-title span::before{content:"04 · "!important}
html body main.app>.game-layout>.boosters>.side-title small{font-size:6px!important;white-space:nowrap!important}
html body main.app>.game-layout>.boosters .booster{position:relative!important;display:flex!important;flex:initial!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;grid-column:auto!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:29px!important;height:29px!important;max-height:29px!important;margin:0!important;padding:1px!important;border-radius:6px!important;box-shadow:none!important;overflow:visible!important}
html body main.app>.game-layout>.boosters .booster img{display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;max-width:100%!important;max-height:22px!important;object-fit:contain!important;margin:0 auto!important}
html body main.app>.game-layout>.boosters .booster>span{display:none!important}
html body main.app>.game-layout>.boosters .booster em{position:absolute!important;top:-2px!important;right:-1px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:11px!important;height:11px!important;margin:0!important;padding:0 2px!important;border:1px solid #fff!important;border-radius:99px!important;font-size:7px!important;line-height:1!important;font-style:normal!important}
html body main.app>.game-layout>.boosters .booster em i{font-size:7px!important;line-height:1!important;font-style:normal!important}
html body main.app>.game-layout>.boosters .mini-btn{position:relative!important;display:flex!important;flex:initial!important;align-items:center!important;justify-content:center!important;grid-column:auto!important;min-width:0!important;width:100%!important;max-width:none!important;min-height:27px!important;height:27px!important;max-height:27px!important;margin:0!important;padding:0!important;border-radius:6px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>.game-layout>.boosters .mini-btn::before{display:block!important;position:static!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1!important;color:currentColor!important}
html body main.app>.game-layout>.boosters #soundBtn::before{content:"♫"!important}
html body main.app>.game-layout>.boosters #storeBtn::before{content:"▣"!important}
html body main.app>.game-layout>.boosters #fdMenuBtn::before{content:"≡"!important}
html body main.app>.game-layout>.boosters #fdNotifyBtn::before{content:"♢"!important}
html body main.app>.game-layout>.boosters .fd-mini-icon,html body main.app>.game-layout>.boosters .fd-mini-label{display:none!important}

/* 05 — Footer actions are a single compact icon toolbar, including late-injected actions. */
html body main.app>footer#fdFooter{order:3!important;position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:70px!important;margin:0!important;padding:2px 1px!important;border-radius:7px!important;overflow:visible!important}
html body main.app>footer#fdFooter::before{content:"05 · MÁS ACCIONES"!important;display:block!important;flex:0 0 100%!important;width:100%!important;padding:0 3px!important;color:#e6f5ff!important;font-size:8px!important;font-weight:900!important;line-height:9px!important;letter-spacing:.06em!important}
html body main.app>footer#fdFooter :is(#fdFooterPrimary,.fd-game-share,.fd-pet-tools,#fdFooterRewards,#fdFooterCloud,#fd132Toolbar,#fdPetCloudBar){display:contents!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
html body main.app>footer#fdFooter button,html body main.app>footer#fdFooter button[id],html body main.app>footer#fdFooter #fdPetCloudBar button[id]{display:inline-flex!important;flex:0 0 28px!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0!important;gap:0!important;border-radius:6px!important;box-shadow:none!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
html body main.app>footer#fdFooter button::before{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1!important;color:currentColor!important}
html body main.app>footer#fdFooter #fdShareQr::before{content:"▦"!important}
html body main.app>footer#fdFooter #fdCopyLink::before{content:"⧉"!important}
html body main.app>footer#fdFooter #fdShareGame::before{content:"↗"!important}
html body main.app>footer#fdFooter #fdOpenProfile::before{content:"♙"!important}
html body main.app>footer#fdFooter #fdOpenCare::before{content:"♥"!important}
html body main.app>footer#fdFooter #fdPetFind::before{content:"⌕"!important}
html body main.app>footer#fdFooter #fdPetSave::before{content:"✓"!important}
html body main.app>footer#fdFooter #fd132Collection::before{content:"▤"!important}
html body main.app>footer#fdFooter #fd132Daily::before{content:"✦"!important}
html body main.app>footer#fdFooter #fd132ModeInfo::before{content:"?"!important}
html body main.app>footer#fdFooter #fdShareStatus,html body main.app>footer#fdFooter :is(#fdPetCloudStatus,.fd-game-share-status){display:none!important}
html body main.app>footer#fdFooter #fdFooterRewards:empty,html body main.app>footer#fdFooter #fdFooterCloud:empty{display:none!important}

/* Only very short viewports keep a scroll fallback; regular phone/desktop screens fit. */
@media(max-height:590px){html,body{height:auto!important;min-height:100%!important;max-height:none!important;overflow-y:auto!important}html body main.app{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important}html body main.app>.game-layout{flex:0 0 auto!important}html body main.app>.game-layout>.center .board-shell{width:min(100%,460px,calc(100vw - 12px),max(144px,calc(100dvh - 300px)))!important;flex:0 0 auto!important}}
@media(max-width:360px){html body main.app{padding:3px 4px max(3px,env(safe-area-inset-bottom))!important;gap:2px!important}html body main.app>.topbar{gap:2px!important;padding:3px!important}html body main.app>.topbar .fd-header-tools{gap:2px!important}html body main.app>.topbar .fd-header-tools button{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;flex-basis:22px!important}html body main.app>.topbar #fdLevelChip{padding:2px 3px!important}html body main.app>.game-layout>.boosters{gap:1px!important;padding:2px!important}html body main.app>.game-layout>.boosters .booster{height:26px!important;min-height:26px!important;max-height:26px!important}html body main.app>.game-layout>.boosters .booster img{width:20px!important;height:20px!important;flex-basis:20px!important}html body main.app>.game-layout>.boosters .mini-btn{height:25px!important;min-height:25px!important;max-height:25px!important}}
@media(prefers-reduced-motion:reduce){html body main.app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}